Oprava css layoutu

[MAS]

Ahoj, umí někdo odsadit ten prostřední box (žlutý) zleva a zprava od 10px? Mě to nejde Zkoušel jsem margin: 0 10px; ale ani se to nehne. Děkuji
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_equal_height_media

[Reklama]

[borekz]

Stačí zrušit display:table-cell. Není to fake, že ?

[MAS]

Díky, ale snad poradí, kdo tomu rozumí..

[jiřin]

Snažíte se použít něco tak jak to použít nelze. Vždyť je to zobrazeno jako tabulka. Použijte to jako kontejner a strčte si dovnitř co potřebujete. Ještě jste toho přečetl málo, čtěte víc

[Filip Jirsák]

Rada nepoužívat na to tabulku byla správná. Na tohle se ideálně hodí flexbox.

Kód: [Vybrat]

.col-container {
    display: flex;
    width: 100%;
}
.col {
    flex-grow: 1;
    margin: 0 10px;
    padding: 16px;
}

[Reklama]

[andy]

Presne tak ako by si to urobil v tabulke. Cize napr borderom (pridas col1 na zlty div a .col1 {border-left: 10px solid white; border-right: 10px solid white;}).

[shojian]

1. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

2. Prosím, nepoužívej W3Fools