Page 1 of 1

การทำ display: inline;

Posted: 11/01/2011 10:17 pm
by raccoon
ul.navigation{
padding-top: 6px;
}
ul.navigation li{
display: inline;
background: url(3.png) no-repeat left top;
}

ul.navigation a{
background-color: black;
border: 1px dotted green;
width: 320px;
height: 240px;
margin: 10px;
padding: 5px;
background: url(3.png) no-repeat left top;
}

-------------------------------------------------------

<html>
<head>
<link rel = "stylesheet" style= "text/css" href="inline.css">
</head>
<body>
<ul class = "navigation">
<li align="center"><a href ="www.google.com">ฟักทอง</a></li>
<li align="center"><a href ="www.google.com">ผลไม้</a></li>
<li align="center"><a href ="www.google.com">ส้ม</a></li>
</ul>

</body>

</html>