HTML CSS examples for CSS Layout:Box
Fluid Panel box
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <!-- ww w . ja v a 2s .c om--> <body> <div style="width: 400px; "> <div style=" background-color:#2B547E; color: white; padding: 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; "> Lorem ips </div> <div style="-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #CCC; padding:10px;"> <div style="margin:5px;padding:10px; background-color:#3ea055; color:white; font-size:20px; height:60px; display: inline;"> Lorem ipsu </div> </div> </div> </body> </html>