HTML CSS examples for CSS Widget:Image
Place image and ul on same line
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .logo {<!--from w w w. jav a 2s . co m--> padding:21px 11px 11px 11px; display:inline; float:left; } .menu { background:Chartreuse url('https://www.java2s.com/style/demo/Google-Chrome.png') repeat; } .nav { padding:21px 11px 11px 11px; list-style:none; margin:0; float:left; } .nav li { display:inline; } .clear { clear:both; } </style> </head> <body> <div class="menu"> <div class="ct-header-line"></div> <img class="logo" src="https://www.java2s.com/style/demo/Safari.png"> <ul class="nav"> <li class="active"> <a href="#" id="homenav">Lore</a> </li> <li> <a href="#" id="apptenav">Lorem ipsum </a> </li> <li> <a href="#" id="presnav">Lorem ipsum d</a> </li> <li> <a href="#" id="prnav">Lorem ipsum dol</a> </li> <li> <a href="#" id="billsnav">Lorem</a> </li> <li> <a href="#">Lorem </a> </li> <li> <a href="#">Lorem ips</a> </li> </ul> <div class="clear"></div> </div> </body> </html>