Jak zrobic odstepy pomiedzy kolejnym kawalkami menu, tak aby kazde mialo ta sama szerokosc (ustalona poparzez width:120px)?
[ NAPIS ] <-odstep-> [ NAPIS ] <-odstep-> [ NAPIS ]
To co mam, dziala z float, jednak wtedy nie ma odstepu. Jak sie to tego zabrac ?
style.css
#nav {
display: inline;
padding: 0px 0 0 5px;
float: left;
height: 50px;
width: 800px;
font-family: Verdana;
font-size: 17px;
}
#nav ul {
list-style: none;
padding: 0;
margin-left: 100;
margin-right: 10;
margin-top: 0;
margin-bottom: 0;
}
#nav li {
display: inline;
list-style: none;
border: 4px solid #aaa755;
margin: 0;
padding: 15px 15px 19px 15px;
height: 50px;
width: 300px;
margin-left: 100;
margin-right: 10;
margin-top: 0;
margin-bottom: 0;
}
<?xml-stylesheet type="text/css" href="style.css" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Urhhhh</title>
<style type="text/css"> @import url(style.css);</style>
</head>
<body>
<div id="nav">
<ul>
<li>aaaaA</li>
<li>aaaaA</li>
<li>aaaaAaaaaaa</li>
<li>aaaaA</li>
<li>aaaaA</li>
</ul>
</div>
</body>
</html>