HTML CSS examples for CSS Widget:Menu
HTML layout with vertical divider and menu between sections
<html lang="en"> <head> <style> * {<!-- ww w. j a va2s . c om--> margin:0; padding:0; border:0; } #left { background-color:Chartreuse; width:51%; height:100vh; float:left; } #right { background-color:yellow; width:51%; height:100vh; float:right; } #center { background-color:blue; width:21%; height:31%; position:absolute; top:51%; left:51%; margin-top:-16%; margin-left:-11%; } </style> </head> <body> <div id="left"> Lorem ip </div> <div id="center"> Lorem ip </div> <div id="right"> Lorem ip </div> </body> </html>