How to build a series of three ul?

Good afternoon.

There is a menu:
the <ul>
 the <li><a href="#">link 1</a></li>
the <li>
 <a href="#" title class="current">link 2</a>
the <ul>
the <li>
 <a href="#" title>sub link 1</a>
the <ul>
 the <li><a href="#" title>sub sub link 1</a></li>
 the <li><a href="#" title>sub sub link 2</a></li>
 the <li><a href="#" title>sub sub link 3</a></li>
</ul>
</li>
 the <li><a href="#" title>sub link 2</a></li>
</ul>
</li>
 the <li><a href="#">link 3</a></li>
</ul>


You need to build a ul three in a row this way:
b53e03d2dcc349acbb9a9ed994dc0c45.png

How to do it? I tried using position: absolute and float: left, but failed.

Thanks in advance!
July 9th 19 at 10:38
1 answer
July 9th 19 at 10:40
Solution
ul li
{
display:inline-block;
}


But first, to specify the classes, otherwise this rule will apply to all lists.

Find more questions by tags CSSHTMLjQuery