html - Text to the center or top right of an image and continue to align the text this way -


so know has been asked, want text aligned top or center right of image, however, in examples 1 liner works fine, when add additional lines, jump bottom or under images. here example

*img style="vertical-align:middle"src="/images/logo/eutopian-trader-favicon-e-200-?? 200.jpg" width="75px" alt="welcome eutopian trader"> *span style="">at eutopian trader pride ourselves providing >>  unparrelled customer experience. ensuring have products want, , >> customer serivce expect.  

*/ when text renders, first line aligns , rest of text moves down under image. looking (where xxx image)

 xxxx xxxx  want text stay here xxxx  , when wraps or new line xxxx  want text stay here , move under image, examples above happens me   xxxx xxxx text starts here when line wraps xxxx xxxx or new line, moves down here. , looks terrible. code above taken  thread explains how text start want can't find examples make above example. 

sorry still have not figured out how use site place code correctly. apologize in advance im trying , can't figure out used * inplace of <> in tags.

i think want this

.float-left{    float:left;    margin: 0 20px 20px;  }
<p><img src="http://via.placeholder.com/150x150" class="float-left"> text starts here when line wraps or new line, moves down here. ,  looks terrible. code above taken   thread explains how text  start want can't find  examples make above example.</p>


Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -