Ruimte tussen objecten

Status
Niet open voor verdere reacties.
J

jochenknevels

Gebruiker
Lid geworden
4 dec 2007
Berichten
10
Ik voer objecten in op mijn pagina:
<span>object1</span>
<span>object2</span>
<span>object3</span>

en meestal worden deze opgevuld met tekst. Echter als je de pagina bekijkt staan deze tekst blokken te dicht op elkaar. Hoe kan ik dit aanpassen (zodanig dat hier een witregel tussen komt)?
 
Weet niet hoe het in de pagina gebruikt wordt, misschien is een voorbeeld hiervan wel even handig. Maar even snel met mijn simpele ziel:

<span>object1</span>
<br><br>
<span>object2</span>
<br><br>
<span>object3</span>

Cotje
 
<br /> elementen zijn hier mogelijk, maar ik zou CSS gebruiken.

het HTML bestand: default.htm
HTML: 
<html>
<head>
	<link rel='stylesheet' type='text/css' href='style.css'>
</head>
<body>
  <div class='objecten'>
    <span>object1</span>
    <span>object2</span>
    <span>object3</span>
  </div>
</body>
</html>

in het CSS bestand: style.css
Code: 
.objecten span {
 display: block;
 margin-bottom: 12px;
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan