html:
<div class="grid_4" id="sidebar">
    <div class="sidebar-notice">
        <h3>این تست است</h3>
        <div>
            دارم امتحان می کنم ببینم وقتی این گه رو اینجا وارد می کنم چه اتفاقی می افته و این وسط کروم
            گوگل داره دیوث بازی در میاره و اصلن وقت این کس کلک بازی ها نیست. باور کن
        </div>
    </div>
    <div class="clear"></div>
    <div class="sidebar-warning">
        <h3>این تست است</h3>
        <div>
            دارم امتحان می کنم ببینم وقتی این گه رو اینجا وارد می کنم چه اتفاقی می افته و این وسط کروم
            گوگل داره دیوث بازی در میاره و اصلن وقت این کس کلک بازی ها نیست. باور کن
        </div>
    </div>
</div>


css:
/************************************************/
/**************   sidebar ***********************/
#sidebar {
    margin-right: 32px;
}
/**************   notice css ******************/
.sidebar-notice {
    background: url(../img/title-back/notice.png) no-repeat;
    height: 50px;
}
.sidebar-notice h3 {
    color: #FF9600;
    font-size: 16px;
    padding-right: 32px;
}
/**************   warning css ******************/
.sidebar-warning {
    background: url(../img/title-back/warning.png) no-repeat;
    height: 50px;
}
.sidebar-warning h3 {
    color: #dd0000;
    font-size: 16px;
    padding-right: 32px;
}
#sidebar div div {
    text-align: justify;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}