Forum PHP.pl > [HTML][CSS]Ustawienie elementów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Ustawienie elementów

Warmix

16.03.2019, 10:55:22

Cześć,
podany jest HTML:

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<body>
<ul>
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
<li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li>
</ul>
<p>Sample description</p>
</body>
</html>
[HTML] pobierz, plaintext

Oraz CSS:

Cytat

ul:after {
display:block;
height:0;
content:’’;
clear:both;
}

Edytując wyłącznie CSS doprowadzić należy do efektu przedstawionego na screenie poniżej (można użyć np. float i nth-child):

Udało mi się już coś zmodyfikować to trochę, ale mam problem z ustawianiem tego.
https://jsfiddle.net/2opkm3hf/1/

trueblue

16.03.2019, 12:16:47

A co Ci się udało zmodyfikować? W przykładzie, który podajesz nawet trochę nie przypomina układu z rozwiązania.
Drobna podpowiedź: do połowy używasz float:left, do drugiej float:right;

Warmix

16.03.2019, 14:53:32

Rozumiem, tylko nie wiem do końca, w jaki sposób sprawić, żeby no np. od 7 elementu wyświetlane elementy były niżej.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.