Saturday, August 17, 2013

CSS display inline elements

<html>
<head>
<style type="text/css">
li{display:inline}
</style>
</head>
<body>

<p>Display this link list as a horizontal menu:</p>

<ul>
<li><a href="http:\\www.systechdigital.com" target="_blank">Systech Digital Ltd.</a></li>
<li><a href="http:\\www.google.com" target="_blank">Google</a></li>
<li><a href="http:\\www.yahoo.com" target="_blank">Yahoo!</a></li>
<li><a href="http:\\www.youtube.com" target="_blank">YouTube</a></li>
</ul>

</body>
</html>

Result


No comments: