Home/ Questions/Q 7062481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:35:57+00:00

I have been trying to learn horizontal lists in html. I have the following

  • 0

I have been trying to learn horizontal lists in html. I have the following code,

CSS:

#list li
{
    text-decoration:none; 
    display: inline;
    list-style-type: none;
    padding-right: 20px;    
}
</style>

HTML:

<div >
<ul id="list">
    <li>Store </li> 
    <li>Mac </li>
    <li>IPod </li>
    <li>IPhone </li>
    <li>IPad </li>
    <li>ITunes </li>
    <li>Support </li>
</ul>
</div>

When I put the id in the div tag (<div id="list">)then it does not show the list horizontally while the current code displays the list horizontally. I don’t get the reason behind it. Please help me clear the concept. Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It works just fine if you put the ID on the div element as well.

    Have a look at this fiddle: http://jsfiddle.net/sKaYm/

    Your CSS selector #list li says “apply this to any list element that is child of an element with ID ‘list’ – no matter if it is an immediate child or not.” – So basically it doesn’t matter how many levels of div’s or other elements you wrap around your list, it will still select it.

    • 0