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

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是图片）

XXXX
XXXX  I want my text to stay up here
XXXX  and when it wraps or a new line
XXXX  I want the text to stay here
and then move under the image, but with the examples above this happens to me


XXXX
XXXX The text starts here but when it line wraps
XXXX
XXXX
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.

抱歉，我仍然没有弄清楚如何正确使用此网站来正确放置代码。 我事先表示歉意，但我正在尝试，但无法弄清楚，因此我在标记中使用*代替了<>。

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>