文字到图像的中心或右上角，并继续以这种方式对齐文本

Question

所以我知道这已经问过，我希望我的文本对齐图像的顶部或中心右侧，但是，在所有示例中，一个衬里都可以正常工作，但是当我添加时其他行，它们跳到底部或图像下方。这是我的示例

*img style="vertical-align:middle"src="/images/Logo/Eutopian-Trader-Favicon-E-200-??
200.jpg" width="75px" alt="Welcome To Eutopian Trader"> *span style="">At Eutopian Trader we pride ourselves with providing you an >>  unparrelled Customer Experience. ensuring we have the products you want, and >> the Customer Serivce you expect. 

*/当文本呈现时，只有它们的第一行才能正确对齐，其余文本在图像下方移动。我基本上正在寻找看起来像这样的东西（其中xxx是图像）

xxxxxxxx我希望我的文字熬夜xxxx及其包装或新行xxxx我希望文字留在这里然后在图像下移动，但是上面的示例发生在我身上xxxxxxxx文本从这里开始，但是当它行包裹时xxxxxxxx或一条新线路，它在这里移动。这只是看起来很糟糕。上面的代码取自说明如何获取文本的线程从我想要的地方开始，但找不到任何示例使其看起来像上面的示例。

对不起，但我仍然没有弄清楚如何正确使用此网站正确放置代码。我提前道歉，但是我尝试了，我无法弄清楚，所以我在标签中使用了＆lt;>的一个内置。

Answer 1

我想你想喜欢这个

.float-left{
  float:left;
  margin: 0 20px 20px;
}

<p><img src="http://via.placeholder.com/150x150" class="float-left"> The text starts here but when it line wraps or a new line, it moves down here. and this just
looks terrible. The code above is taken from 
the thread that explains how to get the text
to start where I want it but I can't find any
examples to make it look like the above example.</p>