Как сделать вертикальные разделители не в полную высоту?

Question

[Ambal89]

Друзья, Подскажите пожалуйста, как сделать вертикальные бордеры не в полную высоту блока между несколькими блоками в линию?

Answer 1

[Дмитрий Лузанов]

Используйте псеводэлементы ::before ::after а не бордеры.

Примерно так:

.myblock::before,
.myblock::after {
		position: absolute;	
		content: 	"";
		width: 90%;
		left: 5%;
		height: 1px;
		background-color: #333;
}

.myblock::before {
	top: 0;
}

.myblock::after {
	bottom: 0;
}

Comments

[Ambal89]

Спасибо!