Hallo zusammen,
ich möchte vier Listen-Elemente nebeneinander anordnen, sodass sie egal welche Größe sie haben, eine bestimmte Breite ausfüllen. Ich habe es bisher nur geschafft das sie alle gleichmäßig von einander entfernt sind.
HTML:
CSS:
ich möchte vier Listen-Elemente nebeneinander anordnen, sodass sie egal welche Größe sie haben, eine bestimmte Breite ausfüllen. Ich habe es bisher nur geschafft das sie alle gleichmäßig von einander entfernt sind.
HTML:
Code:
<!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" xml:lang="en" lang="de"><head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" /> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" /> <title>Beispiel Website</title></head>
<body>
<div id="mitte"> <ul id="boxen"> <li> <div class="menupunkt"> <p class="menupunktinhalt">Projekte</p> </div> </li> <li> <div class="menupunkt"> <p class="menupunktinhalt">Lebenslauf</p> </div> </li> <li> <div class="menupunkt"> <p class="menupunktinhalt">Info</p> </div> </li> <li> <div class="menupunkt"> <p class="menupunktinhalt">Kontakt</p> </div> </li> </ul> <!-- Ende von #boxen--></div>
</body></html>
Code:
body { background-color:#ffffff;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
* {
list-style:none;
text-decoration:none;
margin: 0px;
padding: 0px;
}
#boxen {
float:left;
width:1000px;
}
li {
float:left;
}
#boxen p {
display:block;
padding:50px;
}
