CSS3 box-shadow

Quick CSS3 box-shadow demonstration

by Johan Pantzare

HTML

<div class="card">
<div class="thumb">

</div>
<div class="textbox">


<div class="header">
<h1>
test
</h1>
</div>
<div class="body">
<p>
Ugh offal seitan semiotics, chicharrones leggings street art lo-fi kale chips poutine cronut DIY. Master cleanse hammock bushwick, everyday carry chambray gastropub yuccie tofu hella man bun migas cliche butcher truffaut. Williamsburg meggings butcher Ugh offal seitan semiotics, chicharrones leggings street art lo-fi kale chips poutine cronut DIY. Master cleanse hammock bushwick, everyday carry chambray gastropub yuccie tofu hella man bun migas cliche butcher truffaut. Williamsburg meggings butcher
</p>
</div>
</div>
</div>

CSS

.card{
  width:90%;
  background-color:#fff;

  margin:0 auto;
  padding:10px 10px 10px 10px;
  height:80px;

}
.card .thumb{
  width:80px;
  height:80px;
  background-color:#ccc;
  float:left;
}

.card .textbox{
 font-family:sans-serif;
background-color:#f00;
margin-left: 90px;

  
}
.card .textbox h1{
  font-size:20px;
    float:left;
width:auto;
}
.card .textbox p{
  font-size:12px;
  height: 60px;
  overflow:auto;
  float:left;


}