BELAJAR WEB DESAIN

display:inline;

display inline

Contoh:

Untuk penulisan display:inline untuk membuat horizontal menu

<!DOCTYPE html>
<html>
<head>
<style>
li{display:inline;}
</style>
</head>
<body>

<p>Display inline untuk membuat horizontal menu</p>

<ul>
<li><a href="http://www.itkomputer.com" target="_blank">Webmaster</a></li>
<li><a href="http://www.itkomputer.com" target="_blank">sql server</a></li>
<li><a href="http://www.itkomputer.com" target="_blank">Joomla</a></li>
<li><a href="http://www.itkomputer.com">MS office</a></li>
</ul>

</body>
</html>

 

Selamat mencoba