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="css">" na "<pre>") |
||
| (Nie pokazano 1 pośredniej wersji utworzonej przez tego samego użytkownika) | |||
| Linia 3: | Linia 3: | ||
Część CSS | Część CSS | ||
< | <pre> | ||
<style> | <style> | ||
.do_lewej { float: left;} | .do_lewej { float: left;} | ||
| 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> | ||
Aktualna wersja na dzień 14:35, 18 lut 2018
Aby umieścić dwa DIV-y obok siebie stosujemy poniższy kod.
Część 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>
