Изучил основы html и css, начал практиковаться в вёрстке макетов. Сверстал один макет, начал второй, но появилась сложность с меню в шапке. Не знаю как сделать такую вертикальную линию между слов. Спасибо за помощь!
1 ответ
да куча вариантов, как вы это можете сделать
вариант 1:
.text {
display: inline-block;
padding: 5px 10px;
font-size: 20px;
border-right: 1px solid #d0d0d0;
}
.text:last-child {
border-right: none;
}
<div>
<div class = 'text'>текст 1</div>
<div class = 'text'>текст 2</div>
</div>
вариант 2:
.text {
display: inline;
padding: 0px 10px;
font-size: 20px;
}
.vr {
display: inline;
height: 20px;
margin: 10px;
border-left: 2px solid #d0d0d0;
}
<div class = 'text'>текст 1</div>
<div class = 'vr'></div>
<div class = 'text'>текст 2</div>