2010-06-24 10 views
5

Ho una casella con un'immagine e un txt e voglio che il txt sia orizzontale rispetto all'immagine. So che questa potrebbe essere una domanda abbastanza facile, ma non riesco a trovare una buona risposta all'interwebs. Grazie per qualsiasi aiuto.rendere un'immagine e un paragrafo seduti uno accanto all'altro

<div id='container'> 
<img src='someimage.jpg'/> 
<p>some text</p> 
</div> 
+0

esigenze spostarsi http://doctype.com/ – Daniel

risposta

18

Date un'occhiata a proprietà float di CSS, per esempio:

<div id='container'> 
<img src='someimage.jpg' style='float: left;'/> 
<p>some text (that will now wrap around the image</p> 
</div> 
+2

Sì ho fatto questo, ma ciò non ha senso a me è il paragrafo va gettato l'immagine. Come se aggiungessi il padding, il padding è contro il contenitore e non l'img. Anche il margine del paragrafo influisce sull'img e entrambi vengono allontanati dalla parte superiore del contenitore. – JamesTBennett

+0

Sicuramente vorresti un margine sull'immagine? –

+0

Non in questa cura. Mi stavo chiedendo che sia una cattiva pratica mettere semplicemente le cose in posizione: "assoluto" e poi dare loro x y corde usando in alto e in basso? – JamesTBennett

Problemi correlati