Untitled

 <article> 

       <h1>CSS3 Wrapping Drop Shadows</h1> 

      <p>Without extra bullshit markup. Fluid/liquid. All modern browsers.</p>  

    </article>   

article {

      display: block;

      position: relative;

      width: 90%;    

      padding: 1.5em; 

      margin: 10em auto; 

      color: rgba(0,0,0, 0.8); 

      line-height: 1.5;

      text-align: center;

      background: #ccc;

      text-shadow: 0 1px 0 #fff;

      -webkit-border-radius: 4px;  

      -moz-border-radius: 4px; 

      border-radius: 4px;

    }

    article:before, article:after {

      z-index: -1; 

      position: absolute; 

      content: "";

      bottom: 15px;

      left: 10px;

      width: 50%; 

      top: 80%;

      max-width:300px;

      background: rgba(0, 0, 0, 0.7); 

      -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   

      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

      -webkit-transform: rotate(-3deg);    

      -moz-transform: rotate(-3deg);   

      -o-transform: rotate(-3deg);

    }

    article:after{                 

      right: 10px; 

      left: auto;

      -webkit-transform: rotate(3deg);   

      -moz-transform: rotate(3deg);  

      -o-transform: rotate(3deg);

    }