Test Psewdo border

by beliyadm

HTML

<p>
Необходимо заранее позвонить и заказать пропуск!
</p>

<p class="redline redline1">
Необходимо заранее позвонить и заказать пропуск!
</p>

<p class="redline redline2">
Необходимо заранее позвонить и заказать пропуск!
</p>

CSS

p.redline {
    position: relative;
    padding: 15px 0;
    border: 1px solid #ccc;
}
p.redline1:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    content: '';
    background: red;
}
p.redline2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    content: '';
    background: blue;
}