nicht angemeldet
Mehrzeilige Elemente horizontal nebeneinander zentrieren
Hallo,
ich habe schon auf einige Arten versucht, drei mehrzeilige Elemente horizontal nebeneinander zu zentrieren. Ich möchte die Breite dem jeweiligen Inhalt anpassen und möchte sie deshalb nicht fix definieren. (Wie ich das ganze mit einer dreispaltigen Tabelle machen könnte ist mir klar, aber wenn möglich, möchte ich das vermeiden)
Wie kann ich entweder das äusserste div-Element (footer), statt auf die volle Seitenbreite, wie es jetzt ist, auf die Grösse des konkreten Inhalts beschränken?
oder (andere Variante)
Wie kann ich das dritte div-Element(telefon) auf die Grösse des konkreten Inhalts beschränken?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<style type="text/css">
#footer{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#adresse{
float:left;
}
#grafik{
float:left;
}
#telefon{
}
</style>
<head>
<title> </title>
</head>
<body>
<div id="footer">
<div id="adresse">adresse <br/>adresse</div>
<div id="grafik">grafik <br/>grafik</div>
<div id="telefon">telefon <br/>telefon</div>
</div>
</body>
</html>
vielen Dank und Gruss
Adriana