Problem z poprawnym ustawienim divów

Witajcie. Chciałbym mieć na stronie dwa obrazki obok siebie wyśrodkowane, na których będzie napisany tekst (w kodzie, nie na obrazku w formie graficznej) - na każdym inny. Mam z tym problem. myślałem nad listą ul, ale nie wiem jak to poprawnie sformatować. Zawsze jedne obrazek mam pod drugim mimo, że mam w CSS float:center. Nie wiem jak sobie z tym poradzić. Próbowałem również tworzenia oddzielnych divów ale też nic z tego. W końcu usunąłem cały kod, bo się sam w nim pogubiłem. Jakieś rady?

EDIT: Udało mi się przywrócić kod. Oto on.

#obrazy{float:center;

width: 900px; 

height: 500px;}

ul#obraz li{background-image: url('img.jpg');

display:block;

width: 363px;

height: 139px;}

A kod strony to:

float:center nie istnieje.

Jest float: left, float: right, float: none.

podam kod do centrowania dwóch divów obok siebie: (szerokośći (width:) sąprzykładowe)

#kontener {

width: 200px;

height: 100px;

margin: 0 auto

}


#obrazek1 {

float: left;

width: 100px;

height: 100px

}


#obrazek 2 {

float: left;

width: 100px;

height: 100px

}

adresobrazka.jpg
adresobrazka.jpg
[/code]

Dzięki :slight_smile: