Разделяющая полоса в div?

Question

[вовчек]

Есть div "left" и div "maket"
Каждый блок разного цвета, и нужно чтобы в блоке left справа была полоса как hr только вертикальная, по высоте всего блока.

Answer 1

[Олег]

Answer 2

[Юра Комаров]

.left {
border-right: 1px solid #ddd;
}

Comments

[вовчек]

тогда правый блок просто не отображается, просто белый фон и пустота.

[вовчек]

Вова Балтиев, Вова Балтиев, однако полоса появилась.

Answer 3

[FrelFrloich]

Способов несколько, если вы хотите что бы полоса кончалась по высоте блока и зависела от блока то через бордер как сказал Юрий, можете через псевдоэлементы ::before / ::after , можете по середине двух блоков вставить span и ей уже задать ширину и высоту, можете в самих блоках также вставить span.

В последних случаях вам нужно будет родительскому блоку задать релативную позицию, а дочернему элементу или псевдоэлементы абсолютную, плюс из последнего вы можете свободны трансформировать, делать его выше блока или отдалять от его границы.

Всё же непонятно чего вы хотите добиться. Если вы примите решения через псевдоэлементы то не забывайте указать content: "";