HTML CSS examples for CSS Widget:Grid
do a tumblr like grid in HTML/CSS
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .box {<!--from w w w. ja va 2 s . co m--> color:Chartreuse; font-size:51px; text-align:center; padding:11px; } .box1 { background:yellow; } .box2 { background:blue; } .box3 { background:pink; } .container { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; } .box { width:100%; } </style> </head> <body> <title>Lorem i</title> <div class="container"> <div class="box box1"> Lor </div> <div class="box box2"> Lor </div> <div class="box box3"> Lor </div> </div> </body> </html>