1.

What Is Horizontal Menu?

Answer»

To create a horizontal menu, add the pure-menu-horizontal class name.

eg: BRAND |NEWS |SPORTS | FINANCE

 <div class="pure-menu pure-menu-horizontal"&GT;
<a href="#" class="pure-menu-heading pure-menu-link">BRAND</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="#" class="pure-menu-link">News</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Sports</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Finance</a></li>
</ul>
</div>

To create a horizontal menu, add the pure-menu-horizontal class name.

eg: BRAND |News |Sports | Finance

 <div class="pure-menu pure-menu-horizontal">
<a href="#" class="pure-menu-heading pure-menu-link">BRAND</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="#" class="pure-menu-link">News</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Sports</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Finance</a></li>
</ul>
</div>


Discussion

No Comment Found

Related InterviewSolutions