2 kolumny wpisy

Najpierw tworzysz kontener główny, w którym będą znajdowały się kolumny.

Musisz nadać mu stałą szerokość np.

#kontener {
width: 960px;
margin: auto;
}

Następnie w min, tworzysz dwa mniejsze kontenery, dzielisz szerokość na połowę, ale tak żeby było o jeden piksej mniej, bo wtedy przerzuci Ci na spód i dodajesz opływa nie do lewej czyli float: left dla tych mniejszych kontenerów np:

.kolumny {
width: 470px;
float: left;
}

Jeżeli chcesz dodać obramowanie lub marginesy musisz to uwzględnić w szerokości.

Innym, pewnie prościejszym rozwiązanie byłoby użycie gotowej biblioteki bootstrap.
Ma ona już gotowe takie rozwiązania.
Jest responsywna i wystarczy, że pod kontenery podstawisz gotowe klasy.

Zobacz przykład:

https://getbootstrap.com/examples/grid/

I tu:

http://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp

• Ta odpowiedź została zmodyfikowana 7 years, 2 months temu przez Paweł.