Как прописать такую черточку через css для заголовка h1?

Можно изображение фоном задать.

Staid, спасибо! +++++1

а о слоне то я не подумал)))))) а через css можно сделать?

<h1>Наши преимущества</h1>



h1 {

  position: relative;

  text-transform: uppercase;

  padding: 10px 0 0 0;

}



h1:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 50px;

  height: 3px;

  background: #DC5440;

}

Держите.

Yurecm:
border на всю длину заголовка я сделаю легко, а вот как прописывая стиль для заголовка h1 сделать ее фиксированной ширины, как на картинке?



Заранее спасибо, плюсом :)

Если полоска требуется фиксированной ширины, то можно сделать так:

h1 {

	display: block;

	position: relative;

}



h1:after {

	content: '';

	display: block;

	width: 100px; /* ширина полоски */

	height: 4px; /* толщина полоски */

	background-color: #900; /* цвет полоски */

	position: absolute;

	top: -4px; /* вертикальное смещение */

	left: 0; /* горизонтальное смещение */

}

werty1001, TiA, спасибо!