Dwa divy w jednej linii: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
m |
(na klasach być powinno) |
||
| Linia 5: | Linia 5: | ||
<source lang="css"> | <source lang="css"> | ||
<style> | <style> | ||
.do_lewej { float: left;} | |||
.do_prawej { float: right;} | |||
.kontener | .kontener | ||
| Linia 19: | Linia 19: | ||
<source lang="html4strict"> | <source lang="html4strict"> | ||
<div class="kontener"> | <div class="kontener"> | ||
<div | <div class="do_lewej">To bedzie po lewej :)</div> | ||
<div | <div class="do_prawej">To bedzie po prawej :)</div> | ||
<div style="clear:both;"></div> | <div style="clear:both;"></div> | ||
</div> | </div> | ||
Wersja z 15:43, 6 cze 2010
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>
</source>
część HTML
<source lang="html4strict">
To bedzie po lewej :)
To bedzie po prawej :)
</source>
