html - 如何在父 div 中正确对齐文本？

Question

DEMO LINK

正如您在上面的演示中看到的，我将其用于 TIP 或 DID YOU KNOW 类型的布局。

我希望显示文本，以便当它转到第 2 行时，它与上面的行在同一行开始，因此它不会位于灯泡图像下方，并且所有行始终对齐相同。此外，我希望 TIP 位于顶部，然后在其下方显示文本。

如何使用此代码执行此操作？

Answer 1

只是改变CSS

.tip img { 
      float: left; 
    }