การทำ display: inline;

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: การทำ display: inline;

การทำ display: inline;

by raccoon » 11/01/2011 10:17 pm

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>

Top