<body>
<header id="header1">
<div class="header">
<div class="red_button">
Тут текст
</div>
<div class="red_triangke">
</div>
</div>
</header>
</body>
#header1 {
width: 100%;
background: url();
background-color: #343434;
height: 67px;
}
.header {
height: 100%;
margin: 0 auto;
float: left;
position: relative;
}
.red_button {
height: 100%;
width: 80px;
background: #ff6c4c;
color: #fff;
word-wrap: break-word;
float: left;
}
.red_triangke {
border: 20px solid transparent;
border-left: 20px solid #ff6c4c;
display: inline-block;
margin-left: -10px;
vertical-align: -40px;
}
Вот пример
cssdeck.com/labs/ibnnsbcj
Простой
