[РЕШЕНО] Полоски в названии

[Electr0n]

Ребят, подскажите пожалуйста. 

 

Выведен блок рекомендуемые на главной.

 

 

Как добавить вот такие полоски в css?

 

 

сайт http://azovsanteh.com.ua/

[cloudrc]

.box .box-heading {

-webkit-border-radius: 7px 7px 0px 0px;

-moz-border-radius: 7px 7px 0px 0px;

-khtml-border-radius: 7px 7px 0px 0px;

border-radius: 7px 7px 0px 0px;

border: 1px solid #DBDEE1;

padding: 8px 10px 7px 10px;

font-size: 20px;

font-weight: bold;

line-height: 14px;

color: #333;

position: relative;

overflow: hidden;

white-space: nowrap;

text-align: center;

}

.box .box-heading:before,

.box .box-heading:after {

content: "";

position: relative;

display: inline-block;

width: 50%;

height: 2px;

vertical-align: middle;

background: #000;

background-clip: content-box;

border-bottom: 1px solid rgba(255,255,255,.5);

}

.box .box-heading:before {

left: -.5em;

margin: 0 0 0 -50%;

}

.box .box-heading:after {

left: .5em;

margin: 0 -50% 0 0;

}

Змінено 17 жовтня 2015 користувачем cloudrc

[cloudrc]

В Вашем случае только .box и .box-heading меняете на .featured и .featured-heading, соответственно

[Electr0n]

В Вашем случае только .box и .box-heading меняете на .featured и .featured-heading, соответственно

Все получилось! Спасибо за помощь.