在灯泡图像周围环绕文字

Question

正如标题所说。我有一些文字，包括图像。我想将它包裹在灯泡图像的两侧，即使文本右对齐或左对齐图像。

这是HTML：

<img id="bulb_section_a" data-container="body" data-toggle="popover" data-placement="right" src="img/bulb_sec_a.png" />
<img src="img/bulb_sec_a_img.png" /> <span id="title_a">LEARN</span>
<br/> <span style="display: inline-block; width: 100px;"><strong>Lorizzle brizzle dolizzle crazy</strong> get down get down, consectetizzle dawg elit.</span>

<br/>
<img id="bulb_section_b" data-container="body" data-toggle="popover" data-placement="left" src="img/bulb_sec_b.png" />
<br/>
<img id="bulb_section_c" data-container="body" data-toggle="popover" data-placement="right" src="img/bulb_sec_c.png" />
<br/>
<img id="bulb_section_d" data-container="body" data-toggle="popover" data-placement="left" src="img/bulb_sec_d.png" />

它使用bootstrap。这里是CSS：^（内联：P）

这是即将发生的输出：

如何将图像保存在同一个地方：

并将文字包裹起来？

请记住：我无法将图像合并为一个，因为它们都有自己的点击效果。 ：）