ရခုိင္အေၾကာင္းတစ္ေစ့တစ္ေစာင္း

#tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   } 
#tabs28 li {   display:inline;   margin:0;   padding:0;   } 
#tabs28 a {   float:left;   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivy3DWFjvr3-MS27AvCAa7-UmMwWo2PzYzjl4u11zg8uP5ZR0rixu0JjwYrjBHaEBAq8YCvB_jCXAoP2eOP1tj14Z6KxJbh0IyBIo1d7i7d2Z4ijNHiQkLAro6BY2Hb2Ibm7tpoOcW2B19/s1600/slide-left.gif") no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   } 
#tabs28 a span {   float:left;   display:block;   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhduXV03RGrZnk1XMDuKf9-_O7ZBxthCpmz4IS9xKXKR6oeAK0uQrg5Swv8ysspvGRwf4qmZWir6QlIflgyHCAOMyrQ6hlzPeZOQvKXSzhNncysz2HxIHCakNzIVWkZZApCkw46QrqOju22/s1600/side-right.gif") no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   } 
#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   } 
#tabs28 a:hover span {   background-position:100% -42px;   }</style>

<div id="tabs28">

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>

</div>