[CSS] Ustawienie elementów w linii Opcje

[Contritio]

Witam

Mam diva o szerokości width:499px; height:170px;. Chciałbym aby dany obrazek był w nim do lewej stronie zaś treść h1 jak i p były po prawej stronie obrazka. Za każdym razem treść układa mi się pod obrazkiem. Probowałem zrobić , aby obrazek był float:left; oraz treść float:right zaś H jak i P jest do prawej krawędzi a chciałbym aby było do lewej, przylegając do obrazka.

Jak zatem takie coś wykonać?

Ten post edytował Contritio 22.04.2014, 22:23:09

[ZaXaZ]

Edit: na początku źle zrozumiałem ale działa jednak jak należy, tak testowałem:

[HTML] pobierz, plaintext 
<style>
div {width:499px; height:170px;}
img {float:left;}
p, h1 {text-align:left;}
</style>
<div>
<h1><img src="obrazek.jpg" width="100" height="100" alt="test obrazka">test 2 (lorem ipsum, lorem ipsum, lorem ipsum)...</h1>
<p>test 3 (lorem ipsum, lorem ipsum, lorem ipsum)...</p>
</div>
[HTML] pobierz, plaintext 

Ten post edytował ZaXaZ 22.04.2014, 23:38:35

[Pyton_000]

[HTML] pobierz, plaintext 
<img src="https://lh5.googleusercontent.com/-XfPUBFW_vPo/AAAAAAAAAAI/AAAAAAAAD4I/-vDPc-UXbWc/photo.jpg" width="100px" height="100px">
<h1>Nagłówek</h1>
<p>https://lh5.googleusercontent.com/-XfPUBFW_vPo/AAAAAAAAAAI/AAAAAAAAD4I/-vDPc-UXbWc/photo.jpghttps://lh5.googleusercontent.com/-XfPUBFW_vPo/AAAAAAAAAAI/AAAAAAAAD4I/-vDPc-UXbWc/photo.jpghttps://lh5.googleusercontent.com/-XfPUBFW_vPo/AAAAAAAAAAI/AAAAAAAAD4I/-vDPc-UXbWc/photo.jpg </p>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
  img {
    float: left;
    margin-right: 15px;
}
[CSS] pobierz, plaintext 

Ten post edytował Pyton_000 23.04.2014, 07:25:41