Pozycje elementow na stronie

0

W zadaniu domowym mialem zrobic 5 kwadratow polaczonych tylko rogami ze soba tzn efekt uzyskalem tylko co zrobilem zle ze
jezeli chce wstawic np linie jest ona krotka tzn wielkosci 1 kwadratu?

<html>
<head>
	<meta charset="utf-8"/>
	<title>Pozycjonowanie</title>
</head>
<body>
	<div style="width: 100px; height: 100px; background-color: red; position: relative"></div>
	<div style="width: 100px; height: 100px; background-color: green; position: relative; left: 100px;"><div>
	<div style="width: 100px; height: 100px; background-color: yellow; position: relative; left: 100px; bottom: 100px"></div>
	<div style="width: 100px; height: 100px; background-color: blue; position: relative; right: 100px;"></div>
	<div style="width: 100px; height: 100px; background-color: orange; position: relative; left: 100px; bottom: 100px"></div>

</body>
</html>
0

Jaką chcesz linie wstawić? Podaj więcej szczegółów.

0

nawet zwykla <hr> jest krotka tzn dlugosc jednego kwadracika i nie wiem czemu tak sie dzieje, co zrobilem zle w kodzie

`dodanie znacznika ``` - @furious programming

0

Nie zamknąłeś drugiego diva

<div style="width: 100px; height: 100px; background-color: green; position: relative; left: 100px;"><div>

.

1 użytkowników online, w tym zalogowanych: 0, gości: 1