Answers for "horizontal list in css"

9

css list elements horizontally

ul li{
  	display: inline-block;
}
Posted by: Guest on May-02-2021
1

html list inline

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex
}
Posted by: Guest on November-07-2020
2

html list items horizontally

for example: 
(html)
<ul class="navbar-items">
	<li> <a href="#start">Start</a> </li>
    <li> <a href="#profile">Profile</a> </li>
    <li> <a href="#projects">Projects</a> </li>
    <li> <a href="#info">Info</a> </li>
</ul>

(css)
ul.navbar-items li /* Important part */
{
    display:inline;
}

ul.navbar-items /* Extra part, to style spaces between each item */
{
    min-width: 696px;
	padding-top: 20px;
}
Posted by: Guest on March-28-2020

Browse Popular Code Answers by Language