Kак сделать пунктирную линию перед и после текста?
Одним из вариантов приложенных тут   https://stackoverflow.com/questions/2812770/add-ce...
Как один из вариантов:
background (см. комментарий от Антон)
Как второй из вариантов:
создание вложенного блока в блоке с текстом и 
div.text div.line 
{position: absolute; bottom: -50%; content: ''; width: 100%; border-bottom: 1 px dashed grey; z-index: 200;}
блок с текстом:
div.text {position: relative; padding-left: 20px; padding-right: 20px; z-index: 100;}