Как сверстать две линии я знаю что нужно использовать hr но не знаю как это применить какие свойства css нужно использовать?

Question

[Ivan Rwed]

как сделать нижние линии которые под меню на первом экране,
Стили которые я указал для линии
display: block;
max-width: 530px;
height: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
я новичок, учусь всего 2 недели и очень хочу разобраться, как правильно сверстать
ссылка на макет фигма
https://www.figma.com/file/YMLK4BwcowltWe0ZyLgOyrO...

Answer 1

[Uwe_Boll]

<ul>
<li>левое меню</li>
<li id="logo">лого</li>
<li>правое меню</li>
</ul>

убираешь границу у li с лого
читать тут

Comments

[Ivan Rwed]

Я не понял, что означает "убираешь границу у li с лого" с структурой html я разобрался, а какие стили и как использовать я не понимаю, объясните пожалуйста

[Uwe_Boll]

Ivan Rwed,

ul > li{
border-bottom : 1px solid rgba(255, 255, 255, 0.2); /*граница снизу у всех тэгов li */
}

#logo{
border-bottom: none;
}