Горизонтальные линии справа и слева от текста

@trostroman · Регистрация: 06.09.2013

Author24 — интернет-сервис помощи студентам

Подскажите, как сверстать вот такие линии ?

Горизонтальные линии справа и слева от текста

Комментарий модератора

Загружайте изображения и файлы на форум и прикрепляйте к сообщению.
https://www.cyberforum.ru/abou... post594251

@webkomb · 17.10.2013, 23:43

HTML5

<div id="outer">
  <div id="inner">
    <p>Купив диск Вы получаете:</p>
  </div>
</div>

CSS

 #outer{
  width: 1025px;
  height: 41px;
  border: 1px solid silver;
  border-top: 15px solid #62284C;
  }
  
  #inner{
  width: 975px;
  height: 30px;
  border-bottom: 3px solid silver;
  margin: -15px auto 0;
  position: relative;
  }
  
  #inner p{
  margin: 0;
  text-align: center;
  font-size: 1.8em;
  line-height: 1em;
  background-color: white;
  width: 377px;
  position: absolute;
  left: 299px;
  top:50%;
  }

@newJS · 18.10.2013, 05:33

https://www.cyberforum.ru/html5/thread949474.html

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	18.10.2013, 05:33	3
	https://www.cyberforum.ru/html5/thread949474.html 0

Горизонтальные линии справа и слева от текста

Решение