CSS - środkowanie obiektów

MorphYou | 2021-02-17 10:25:49 UTC | #1

Witam,
Mam problem odnośnie wycentrowania obiektu.(fragment kodu)

<div class="container">
<shop id="shop">
    <div class="sitem">
        <h3>Kanał premium</h3>
        <p>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.</p>
        <a href="">11,12 PLN/mc</a>
    </div>
    <div class="sitem">
        <h3>Kanał premium</h3>
        <p>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.</p>
        <a href="">11,12 PLN/mc</a>
    </div>
    <div class="sitem">
        <h3>Kanał premium</h3>
        <p>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.<br>- Co najmniej 4 kanały.</p>
        <a href="">11,12 PLN/mc</a>
    </div>

</shop>
</div>

CSS

#shop{
text-align: center;
display: table-cell;
vertical-align: middle;
width: 100%;}

#shop .sitem{
display: inline-block;
background-color: #14579b;
padding: 10px 15px 10px 15px;
margin: 35px 15px 35px 15px;
color: white;
width: 200px;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);}

Obiekty najpierw się nie centrują dopiero po “przeskoczeniu” jednego z obiektów na dół, za pośrednictwem inline-block.

Przed przeskoczeniem obiektu:

Po przeskoczeniu:

Jak zrobić by odrazu się centrowały.

Z góry dziękuję.

Patbox | 2018-04-24 14:28:50 UTC | #2

Spróbuj może dać to w pliku z html
<center></center>

MorphYou | 2018-04-24 14:18:57 UTC | #3

Działa, natomiast nie da się tego zrobić jakoś w css?

Patbox | 2018-04-24 14:22:30 UTC | #4

Też miałem z tym problem. Pewnie się da, ale ja sam nie umiem. Tymczasowo powinno być ok :slight_smile:

MorphYou | 2018-04-24 14:23:02 UTC | #5

Dzięki za pomoc.
Pozdrawiam.

MorphYou | 2018-04-24 14:23:12 UTC | #6

Do zamknięcia.

Timo | 2018-04-24 14:29:12 UTC | #7

Nie zamykamy, za to oznaczyłem za ciebie guziczkiem post z rozwiązaniem + zmieniłem kategorię ;)

system | 2021-02-17 10:25:58 UTC | #8

Ten temat został automatycznie zamknięty 32 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.