4 prostokąty – 2 na górze i 2 na dole


ForumKategoria: HTML i CSS4 prostokąty – 2 na górze i 2 na dole
Anonimowy zapytał 8 lat temu

Nie mam pomysłu jak to zrobić wstawiłem 4 divy użyłem float left i nie działa.
2 prostokąty u góry. jeden do połowy i drugi od połowy do lewej krawędzi strony. tak samo te pod spodem.
Będe wdzięczyny jeżeli ktoś mi wyśle script HTML i CSS.
Z góry dziękuje.

0 odpowiedzi
Michał Kortas Personel odpowiedział 8 lat temu
<div class="box">
<div class="in in1"></div>
<div class="in in2"></div>
<div class="in in3"></div>
<div class="in in4"></div>
</div>

<style>
.box {width: 100%;}
.box .in {width: 50%; height: 200px; float: left;}
.in1 {background: yellow;}
.in2 {background: green;}
.in3 {background: red;}
.in4 {background: blue;}
</style>

Czy o to chodzi? Przykład online: https://jsfiddle.net/mvnw0puq/