Frame

by a1ex

HTML

<div id="frame">
    <h3>Создание FLASH и GIF баннеров</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nunc leo, volutpat at scelerisque eget, cursus venenatis lorem. Duis diam libero, aliquet ut euismod at, suscipit id nulla.</p>
    <p>Phasellus a nunc magna, ut ornare felis. Cras in sem libero. Praesent sagittis eleifend arcu vitae elementum. Proin sed elit felis, non posuere diam.</p>
    <p>Pellentesque vulputate elementum enim, nec convallis libero laoreet vel. Suspendisse suscipit nibh vitae leo venenatis suscipit.</p>
</div>

CSS

body {
    font:14px/1.5em Arial, Helvetica, sans-serif;
}
#frame {
    position:relative;
    width:478px;
    margin:40px auto 20px;
    padding:20px 100px 20px 20px;
    border:2px solid #F5A462;
    border-radius:20px;
    background:#fff;
    color:#666;
}
#frame:after {
    content:'';
    display:block;
    position:absolute;
    width:2px;
    top:20px;
    right:90px;
    bottom:20px;
    background:#F5A462;
}
#frame h3 {
    position: absolute;
    z-index:-1;
    width:300px;
    height:55px;
    top:-22px;
    left:-2px;
    background:#F5A462;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
p {
    margin:.3em 0 .5em;
}