HTML CSS examples for CSS Widget:UL Element
Display products in list
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .product {<!--from ww w . ja va2s . c om--> float:left; position:relative; width:195px; padding:31px 31px 11px 16px; margin-bottom:16px; z-index:2; height:291px; overflow:hidden; } .product:before { border-right:2px solid Chartreuse; content:""; height:316px; margin-left:0; margin-top:-16px; position:absolute; width:209px; z-index:-2; } .product:after { content:""; position:absolute; width:211px; top:0; left:0; border-top:2px solid yellow; } .pagination { clear:both; width:100%; background-color:blue; } </style> </head> <body> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="product"> Lorem ips </div> <div class="pagination"> Lorem ipsum </div> </body> </html>