Just for the hell of it, try this:
<ol>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li class="fubar"><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ol>
CSS:
ol{
display: flex;
flex-direction: column;
margin: 0px;
padding: 0px;
}
ol li {
display: inline-flex;
justify-content: center;
}
ol li:nth-child(odd) {
background-color: red;
}
ol li:nth-child(even) {
background-color: green;
}
ol li a{
color: #000;
}
.fubar {
line-height: 600%;
}
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
