Dwa divy w jednej linii

Z Podręcznik Administratora by OPZ SGU
Wersja z dnia 14:35, 18 lut 2018 autorstwa Adminka23 (dyskusja | edycje) (Zastępowanie tekstu - "<source lang="css">" na "<pre>")
(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Przejdź do nawigacji Przejdź do wyszukiwania

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>
Efekt finalny