Как в div сделать 2 полоски: одну снизу, другую сверху?

Question

[testtostertest111]

Нужно как-то так:


Притом сам div имеет position: absolute.
Так же как разместить в данном div текст между этими полосками и под нижней полоской?

Answer 1

[Ankhena]

Судя по вопросу, это 3 блока. Обертка с фоном и 2 абзаца.
https://jsfiddle.net/s1by372z/
У абзацев (можете поменять на div или что больше подходит) верхняя граница.
Либо, если знать, что абзацев только 2, то верхняя и нижняя границы у первого.

Если верхняя и нижняя полоска должны быть равны, то либо задавать им фиксированную высоту (не очень хорошо), либо на JS, выяснять высоту нижнего абзаца и задавать ее в качестве внутреннего отступа у основного блока (либо margin у первого абзаца)

Если положение полосок не связано с размером текста, то это линейный градиент для основного блока.

Answer 2

[Александр]

<div>
    lorem...
</div>

div{
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
}

Answer 3

[3Create]

Полоски делаются border либо box shadow, причем они применяются к div. Судя по картинке, тут 3 div'a