Dwa divy w jednej linii: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
m (Zastępowanie tekstu - "</source>" na "</pre>") |
m (Zastępowanie tekstu - "<source lang="html4strict">" na "<pre>") |
||
| Linia 17: | Linia 17: | ||
część HTML | część HTML | ||
< | <pre> | ||
<div class="kontener"> | <div class="kontener"> | ||
<div class="do_lewej">To bedzie po lewej :)</div> | <div class="do_lewej">To bedzie po lewej :)</div> | ||
Wersja z 00:58, 16 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
<div class="kontener"> <div class="do_lewej">To bedzie po lewej :)</div> <div class="do_prawej">To bedzie po prawej :)</div> <div style="clear:both;"></div> </div>
