How to insert text next to image

Question

I have attached an image, i want to display the full text next to image. But in the picture you can see that some text is below the image.

[Reference](https://www.uvm.edu/~bnelson/computer/html/wrappingtextaroundimages.html) — Gunaseelan, Sep 18 '17 at 06:46
Possible duplicate of [How to display items side-by-side without using tables?](https://stackoverflow.com/questions/11438910/how-to-display-items-side-by-side-without-using-tables) — Gunaseelan, Sep 18 '17 at 06:56
DEWA develops ties with Chinese Public & Private sectors
Text, More text — Contax Partners, Sep 18 '17 at 07:04

score 0 · Answer 1 · answered Sep 18 '17 at 06:44

0

<div class="image-grid"><img src=""/></div>
<div class="content-grid">Content Goes Here</div>

css 
.image-grid{float:left;width:40%;}
.content-grid{float:left;width:60%;}

it will work for you

answered Sep 18 '17 at 06:44

Gurmatpal

134
8

Text, More Text – Contax Partners Sep 18 '17 at 07:42
Text, More Text
Please go through the code throughly – Gurmatpal Sep 18 '17 at 07:46
The whole text went below the image – Contax Partners Sep 18 '17 at 08:03

Alsamil Mehboob · Answer 2 · 2017-09-18T07:15:34.723

0

Try this

<div class ="row">
  <div style="width: 50%; float:left">
     <img src ="/yourimagepath/image.jpg">
  </div>

  <div style="width: 50%; float:right">
     //Your content type here
  </div>
</div>

edited Sep 18 '17 at 07:15

answered Sep 18 '17 at 06:55

Alsamil Mehboob

384
2
6
24

@ContaxPartners , Now the answer is updated. plz try once more – Alsamil Mehboob Sep 18 '17 at 07:16
DEWA develops ties with Chinese Public & Private sectors
Text, More text
– Contax Partners Sep 18 '17 at 07:20

How to insert text next to image

2 Answers2