Centreren van divs wil niet lukken

Door - SanThe - op 17-11-2014 23:21 gewijzigd op 17-11-2014 23:22

3.011 views

Hallo,

Ik heb een div waar de tekst in het midden staat (margin:auto). Prima.
Nu wil ik in die div twee andere divs zetten, maar achter elkaar.
Ze staan nu mooi in het midden, maar onder elkaar.
Geef ik een float:left mee dan staan ze links, maar weer wel achter elkaar.

Hoe krijg ik ze nou in het midden en ook achter elkaar?

SanThe

G P

18-11-2014 12:20 gewijzigd op 18-11-2014 12:24

De div's als "display: inline-block;" of "display: inline;"

http://codepen.io/anon/pen/Kwwwmz

Frank Nietbelangrijk

18-11-2014 14:16

Top GP, nette oplossing :-)

Eddy E

18-11-2014 19:15

- SanThe - op 18/11/2014 00:21:02

Ik probeer jquery juist te vermijden. Gebruik het nog steeds nooit.
Het moet toch gewoon met css kunnen lijkt mij.

Uiteraard!
Daar is CSS voor.

Enkele tips:
- display: table-cell;

Op je gecentreerde <div> (waar alles in komt): iets als display: table-row; ?
Zo gebruik je gewoon je <div>'s als tabel, wat schitterend werkt en helemaal goed is :D

Ger van Steenderen

18-11-2014 19:39

En als alle browsers dan ook nog hetzelfde zouden reageren, dan was de wereld helemaal mooi!

- SanThe -

19-11-2014 17:08

Allen bedankt voor de hulp.

Wat blijkt nou: Het was een kleinigheid.
Al met al een aardige tijd zitten klooien.

Ik had display:inline; en geen display:inline-block;
Geheel over het hoofd gezien.

Reageren

Inloggen om te reageren