I am looking to create multi-level tabs using <li> that grow from bottom to top. Here is the current code I have:
div{
width: 200px;
border: 1px solid black;
}
ul{
margin: 0px;
padding: 0px;
}
li{
margin: 2px;
width: 20px;
display: inline-block;
}<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>However, I need the tabs to be arranged as:
1 2 3
4 5 6 7 8 9 10
Is there a way to achieve this without using JavaScript?