box shadow & border-radius

by Austin Laird

HTML

<div class="div-to-style">
</div>

<p>
Want the red section to have a straight border on the left
</p>

CSS

.div-to-style {
        -webkit-box-shadow: -20px 0px 0px 0px blue;
        -moz-box-shadow: -20px 0px 0px 0px blue;
        box-shadow: -20px 0px 0px 0px blue;
        border-radius: 8px 8px 8px 8px;
        
        background-color: red;
        width: 200px;
        height: 50px;
        margin-left:40px;
    }