centreer inline-block element

Status
Niet open voor verdere reacties.
ecross

ecross

Gebruiker
Lid geworden
4 mrt 2009
Berichten
638
hallo allemaal,

ik heb een div met display:inline-block; en dit element wil ik graag centreren,
ik heb deze code gemaakt:
HTML: 
<div style='float:left; display:inline;'>
	tekst links
</div>
<div style='display:inline-block; maring:0px auto;'>
	tekst center
</div>
<div style='display:inline; float:right;'>
	tekst rechts
</div>

maar nu wil de middelste div niet in het midden, als ik hem display:block; maak gaat hij wel in het midden maar dan staan de divs niet meer op 1rij.

alvast bedankt,

update:

ik heb dit gevonden, ben er nog mee bezig.
HTML: 
<style type='text/css'>
span.left {
position: absolute;
left: 0;
}
span.right {
position: absolute;
right: 0;
}
div.line {
position: relative;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div class="line">
<span class="left">Left hand text</span><span class="centre"> Centre text
</span><span class="right">Right hand text </span>
</div>
</body>
</html>

toch nog niet opgelost

als ik nu mijn pagina verklein lopen de teksten over elkaar heen,
is daar een oplossing voor?
 
Laatst bewerkt:
Zoiets?
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<style type='text/css'>
		div.line {
			text-align: center;
		}
		span.left {
			float: left;
		}
		span.right {
			float: right;
		}
	</style>
</head>
<body>
	<div class="line">
		<span class="left">Left hand text (Dit staat dus links)</span>
		<span class="right">Right hand text (Dit staat dus rechts)</span>
		<span class="centre"> Centre text (Dit staat dus in het midden)</span>
	</div>
</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan