title: How can I use CSS to code a 3-sided box (no left side) with rounded corners and a shadow?
body: <p>I want my box to look like this except for the left side to be blank:</p>
  
  <pre><code>.box{
      width: 190px;
      height: 90px;
      display: inline-block;
      padding: 5px;
      margin: 50px;
  }
  
  #box4sides{
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 0 0 1px 1px #dbdbdb;
      -webkit-box-shadow: 0 0 1px 1px #DBDBDB;
      box-shadow: 0 0 1px 1px #DBDBDB;
      background: white;
      border: 1px solid #CDCDCC;
  }
  </code></pre>
  
  <p>Here is my best attempt:
  <a href="http://jsfiddle.net/7dpUA/2/" rel="nofollow">http://jsfiddle.net/7dpUA/2/</a></p>
  
  <p>I found other examples of 3-sided boxes, but they were with either the top or bottom removed, and I haven't been able to translate that to my case.</p>