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

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  I want my text to stay up hereXXXX  and when it wraps or a new lineXXXX  I want the text to stay hereand then move under the image, but with the examples above this happens to meXXXXXXXX The text starts here but when it line wrapsXXXXXXXXor a new line, it moves down here. and this justlooks terrible. The code above is taken from the thread that explains how to get the textto start where I want it but I can't find anyexamples to make it look like the above example.

抱歉，我还是不知道如何正确使用这个网站正确放置代码。我提前道歉，但我正在尝试但我无法弄清楚所以我用 * 代替了标签中的 <>。

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>