Flere div'er ved siden af hinanden

[Kagehjørnet]

Hej

Jeg har forsøgt at søge efter emnet, men synes ikke at kunne finde noget.

Hvordan får jeg 5 div'er placeret ved siden af hinanden?

Min hoved div er 1100 px og kunne godt tænke mig, at have 5 div'er på 220 px hver ved siden af hinanden i stedet for under hinanden.
Har kun prøvet at arbejde med 2div'er ved siden af hinanden.

På forhånd tak.

[scootergrisen]

<div> er som standard block element. Alstså ligesom CSS display: block;
Derfor står de ikke ved siden af hinanden.

<span> er som standard inline element. Ligesom CSS display: inline;
Og de står så ved siden af hinanden hvis der er plads.

Men hvis du bil bruge <div>'s kan du sætte CSS float: left; på dem.

Demo : http://jsfiddle.net/FNwMA/

[Kagehjørnet]

Super

Igen, mange tak

[Kagehjørnet]

Hvordan centerer jeg teksten i div'en?
Altså jeg har text-align: center; men teksten står stadig i toppen af div'en. Hvordan får jeg den ned på midten?

[scootergrisen]

I en <table> er det let at fo teksten til at stå lodret centeret men ellers er det ikke så let.

Jeg har skrevet noget om det her : http://netkoder.dk/netkoder/css_placerimidten.php

[Kagehjørnet]

Så jeg burde lave en tabel i stedet for at have 5 div'er ved siden af hinanden?
Altså udelukkende fordi det er nemmere at få teksten vandret og lodret centeret på den måde.

[scootergrisen]

Nej det kommer an på hvad du skal lave.

Jeg siger bare det er let i en <table> hvis nu det var sådan noget du skulle lave.

[Kagehjørnet]

De 5 div'er skal fungere som menu punkter.

Jeg er som sagt ny i det her, så tænkte at det var den nemmeste måde at gøre det på.

[scootergrisen]

Så brug div hvis det er til menuer.

Prøv og lav koden så godt du kan også kom med et link så kan vi lave den vandret centeret.

[Kagehjørnet]

http://www.kagehjornet.dk

Det er dem der hedder forside, Om Kagehjørnet, kagebestilling, vilkår og kontakt.

[scootergrisen]

Du kan gøre det at i stedet for du angiver en height så lad være med at angive nogen height også i stedet sæt margin-top og margin-bottom til det samme. For eksempel 10px.

[Kagehjørnet]

Det virkede perfekt!
Mange mange tusinde tak for hjælpen.