HTML CSS examples for CSS Widget:Tab
Tab style menu
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .w {<!--from ww w . j a v a 2 s . c om--> margin:11px; border-bottom:2px solid Chartreuse; } .w div { font:2.386em Trebuchet,Trebuchet MS; height:27px; padding-right:49px; float:left; } .w ul { float:right; white-space:nowrap; } .w ul, .w li { list-style:none; margin:0; padding:0; } .w ul li { display:inline-block; margin-right:7px; line-height:31px; width:61px; helight:31px; text-align:center; vertical-align:bottom; border-width:2px 2px 0 2px; border-style:solid; border-color:yellow; background:blue; color:pink; font-family:Arial,Helvetica,sans-serif; font-size:small; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:2%; } </style> </head> <body> <div class="w clearfix"> <div> Lorem i </div> <ul> <li>Lorem</li> <li>Lorem</li> <li>Lorem</li> <li>Lorem</li> </ul> </div> </body> </html>