[Помогите] с h1

нужно сделать h1 вот такой
помогите пожалуйста

 

Попробовать с помощью псевдоэлементов :before и :after точки отрисовать, а линию растягивающимся по оси Х пикселем(или сколько у вас там высота).

 

для кружков можно использовать стиль, размер корректировать 2к1
{
width: 8px;
height:8px;
background: black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

 

<div class="block">
<h1>Услуги</h1>
</div>
.block{
background:url(polosa.jpg) repeat-x;
text-align:center;
}
.block h1{
position:relative;
background:#fff;
display:inline-block;
}
.block h1:before,.block h1:after{
width: 8px;
height:8px;
background: black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
content:"";
position:absolute;
left:0;
top:50px;
margin-top:-4px;}
.block h1:after{
left:auto;right:0;margin-left:0;margin-right:-4px
}