Angled Corner

Angled Corner

by Nirvanachain

HTML

<div class="container">
    <div class="corner"> </div>
    <div class="mainContent"> </div>
</div>

CSS

.container {padding:10px; margin-bottom:10px;}

.corner {
    width:170px;
    height:0px;
    border-bottom:30px solid red;
    border-right: 30px solid transparent;
}

.mainContent {
    width:400px;
    height:50px;
    background-color:blue;
}