Dwa divy w jednej linii: Różnice pomiędzy wersjami

Z Podręcznik Administratora by OPZ SGU
Przejdź do nawigacji Przejdź do wyszukiwania
(na klasach być powinno)
m (Zastępowanie tekstu - "</source>" na "</pre>")
Linia 13: Linia 13:
}
}
  </style>
  </style>
</source>
</pre>


część HTML
część HTML
Linia 23: Linia 23:
  <div style="clear:both;"></div>  
  <div style="clear:both;"></div>  
</div>
</div>
</source>
</pre>


[[Plik:Efekt divy w jednej lini.png|200px|thumb|right|Efekt finalny]]
[[Plik:Efekt divy w jednej lini.png|200px|thumb|right|Efekt finalny]]
[[Category:HTML]]
[[Category:HTML]]

Wersja z 17:23, 15 lut 2018

Aby umieścić dwa DIV-y obok siebie stosujemy poniższy kod.


Część CSS <source lang="css"> <style> .do_lewej { float: left;} .do_prawej { float: right;}

.kontener { border:solid 1px black; }

</style>

część HTML

<source lang="html4strict">

To bedzie po lewej :)
To bedzie po prawej :)
Efekt finalny