Какой из этих вариантов будет наиболее корректныйм?
ul{
border:1px black solid;
}
li{
display:inline-block;
width:16%;
}
a{
display:inline-block;
padding:12px 0;
background:red;
width:100%;
}
<ul>
<li><a href="#">123</a></li>
<li><a href="#">123</a></li>
</ul>
ul{
border:1px black solid;
}
li{
display:inline;
}
a{
display:inline-block;
padding:12px 0;
background:red;
width:16%;
}
<ul>
<li><a href="#">123</a></li>
<li><a href="#">123</a></li>
</ul>
Для лучшего эффекта резины соверую вам использовать flexbox, так как он действительно резиновый, и сейчас поддерживается многими браузерами.
И так, и так приемлемо, это дело вкуса, какой вариант больше нравится
Продвижение своими сайтами как стратегия роста и независимости