tek kenera :before ile kenar çizgisi atamam <div id="cokluKenarCizgisi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Quisque dui arcu</a>, tristique a fringilla ut, hendrerit ac felis. Nulla in elit ipsum. Sed vulputate lectus sit

by fatihhayri

HTML

<div id="cokluKenarCizgisi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Quisque dui arcu</a>, tristique a fringilla ut, hendrerit ac felis. Nulla in elit ipsum. Sed vulputate lectus sit amet diam sollicitudin vitae tincidunt augue bibendum. Quisque volutpat ipsum a purus euismod rhoncus eleifend massa ornare. </div>

CSS

#cokluKenarCizgisi {
    background:#F0F0F0;
    border-bottom: 2px solid #f00;
    color: #000000;
    padding: 10px 10px 11px;
    position: relative;
}
#cokluKenarCizgisi:before {
    background:#0FF;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}