Which of these options will be the most correct?

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>

Closed due to the fact that it is necessary to reformulate the question so that you can give an objectively correct answer to the participants HamSter , aleksandr barakin , iluxa1810 , Alex , user194374 26 Nov '16 at 9:49 .

The question gives rise to endless debates and discussions based not on knowledge, but on opinions. To get an answer, rephrase your question so that it can be given an unambiguously correct answer, or delete the question altogether. If the question can be reformulated according to the rules set out in the certificate , edit it .

2 answers 2

For the best effect of rubber, I advise you to use flexbox , since it is really rubber, and is now supported by many browsers.

    And so, and so acceptable, this is a matter of taste, which option is more like

    • one
      It is not the answer to the question. To leave your comments or ask the author to clarify, leave a comment to the appropriate post. - From the queue of checks - HamSter
    • @ElenaSemenchenko Why is not the answer to the question? The person asks which option is more correct, I answer that the difference is not fundamental. - Crantisz
    • one
      because it is more like a comment than a full answer! - HamSter