How to display img with p, h3 in one line inside div?

Question

Hey, I need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can someone tell me the answer in css and html? Thanks

Answer 1

Like this?

Live demo

This has an advantage (depending on what you want) over other answers posted so far - if the height of the text content is larger than the image, the text will remain flash (will not wrap around the image).

CSS

#content { margin-left: 210px } #theDiv img { float: left } 

HTML:

 <div id="theDiv"> <img src="http://dummyimage.com/200x300/f0f/fff" /> <div id="content"> <h3>how to display img with p, h3 in one line inside the div?</h3> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p> </div> </div> 

Answer 2

Just a float image left :

 img { float: left; } 

http://jsfiddle.net/lukemartin/EZ4pT/

Answer 3

make the image floating:

 <div> <img src="http://www.google.com/intl/en_com/images/srpr/logo1w.png" style="float: left" /> <h3> Nemo nemo et habitus) ad oritur ab disputatio cuius ab.</h3> <p> Itaque verae amicitiae difficillime reperiuntur in iis qui in honoribus reque publica versantur; ubi enim istum invenias qui honorem amici anteponat suo? Quid? Haec ut omittam, quam graves, quam difficiles plerisque videntur calamitatum societates! Ad quas non est facile inventu qui descendant. Quamquam Ennius recte.</p> <p> Et quia Montius inter dilancinantium manus spiritum efflaturus Epigonum et Eusebium nec professionem nec dignitatem ostendens aliquotiens increpabat, qui sint hi magna quaerebatur industria, et nequid intepesceret, Epigonus e Lycia philosophus ducitur et Eusebius ab Emissa Pittacas cognomento, concitatus orator, cum quaestor non hos sed tribunos fabricarum insimulasset promittentes armorum si novas res agitari conperissent.</p> <p> Nec piget dicere avide magis hanc insulam populum Romanum invasisse quam iuste. Ptolomaeo enim rege foederato nobis et socio ob aerarii nostri angustias iusso sine ulla culpa proscribi ideoque hausto veneno voluntaria morte deleto et tributaria facta est et velut hostiles eius exuviae classi inpositae in urbem advectae sunt per Catonem, nunc repetetur ordo gestorum.</p> </div>