Rounded Cornes 3px

by marakoss

HTML

<div id="wraper"><div><span>Tento zaobleny div se roztahuje dle delky textu.
    
Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    Tento zaobleny div se roztahuje dle delky textu.
    </span></div></div>

CSS

* {
    margin: 0;
    padding: 0;
}

html, body{
    /*height: 100%;*/
/*    margin: 0 !important;
    padding: 0!important;*/
    background: #444;
}

#wraper {
    /*width: 50%;*/
    background: #eee;
    padding: 2px 0 0 0;
    /*margin: 20px;*/
    overflow: visible;
    display: inline-block;
    /*float: left;*/
}

#wraper div {
    width: 100%;
    height: 100%;
    background: #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 0 0 2px 0;
    position: relative;
    left: -1px;
    top: -1px;
    display: inline-block;
}

#wraper span {
    width: 100%;
    height: 100%;
    background: #fff;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    position: relative;
    left: -2px;
    top: 1px;
    display: inline-block;
}