CSS
Desk
ß
Reset
Reset the code to the default
Blueprint
Grid
Desk
White
Black
12 col
16 col
Change the background
Save
Save your changes to this link
Share
Create a permanent link for this code
Download
Download this code as a file
«
HTML
<div class="wrapper"> <div class="bg bg1"></div> <div class="bg bg2"></div> <div class="col1 col"> col1 </div> <div class="col2 col"> col2<br>col2<br>col2 </div> <div class="clear"></div> </div>
CSS
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; } div.wrapper { /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; background-color: #fff; position: relative; } div { /* basic */ } div.wrapper { width: 400px; } .col { padding: 20px; float: left; position:relative; } .col1 { width: 60px; } .col2 { width: 260px; } .clear { height: 0px; clear: both; } .bg { position: absolute; top: 0; bottom: 0; } .bg1 { background-color: #cc2222; width: 100px; } .bg2 { width: 300px; background-color: #22cc22; left: 100px; }
