CSS. Hogy tudom megcsinalni hogy tobb kekszinu hely legyen az egymas mellett es felett levo span-ok kozott?

Nem egyértelmű, hogy mit akarsz. Rajzold le.

A span elemen csak horizontális margin tud lenni, mert inline elem. A display tulajdonsággal tudod block típusúra állítani, úgy viszont már teljes sort foglal majd, mint egy div elem, de tudsz rá mindenféle margót rakni.

Ha a cél az, hogy a container tetején legyen eltartás, akkor arra tudsz padding-top értéket megadni. Ha fontos a méret, akkor azt levonod a height-ből.

Több kék négyzetet meg sokféleképpen tudsz csinálni, ahogyan több oszlopot is a kék négyzeten belül. A display:flex jó irány ebben az esetben.

Tessék ez kb. hasonló

-----------------------------------

html

-----------------------------------

<div class="container">

<span class="test">AA</span>

<span class="test">aaaaaaaaa</span>

<span class="test">AAAAAAAAAAAA</span>

<span class="test">aaa</span>

<span class="test">AAAAAAAAA</span>

<span class="test">A</span>

<span class="test">aaaaaaaaa</span>

</div>

--------------------------------------

css

--------------------------------------

.test {

background-color: #343a40;

padding: 45px 30px 45px 30px;

color: white;

margin: 25px;

}

.container {

width: 850px;

display: flex;

flex-wrap: wrap;

}

Szia, most bukkantam rá a kérdésedre.

Ha jól értem valami ilyesmire gondoltál.

[link]