JSFiddle - React, Tailwind, and code Playground

by sanford

HTML

<DIV id="newway"><UL><A href="#1"><LI>angkor what</LI></A><A href="#2"><LI>angkor who</LI></A><LI>(no href)</LI><A href="4"><LI>angkor where</LI></A></UL></DIV>
<HR><DIV id="oldway"><UL><LI><A href="#1">angkor what</A></LI><LI><A href="#2">angkor who</A></LI><LI><A>(no href)</A></LI><LI><a href="#4">angkor where</A></LI></UL></DIV>

CSS

#newway LI {
    padding: 20px;
    float:left;
    border: dotted 1px lightgreen;
}
HR {clear:both;margin:0;}
#oldway LI {
    display: inline-block;
}
#oldway LI A {
    display:inline-block;
    padding: 20px;
    border: dotted 1px lightgreen;
}