Home/ Questions/Q 6123601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:02:09+00:00

The below code produces output consisting of two green items. Between those items there

  • 0

The below code produces output consisting of two green items. Between those items there is little white space (or whatever the background color is set to). Where does the white space come from and how to get rid of it? I would expect that the output was something like FirstSecond, but it is First Second, with space between.

<head>
<style type="text/css">
ul {
    list-style-type: none;
    white-space: nowrap;
}
ul li {
    display: inline;
    background-color: #096;
}
</style>
</head>
<body>
<ul>
    <li>First</li>
    <li>Second</li>
</ul>
</body>the output
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    ul and li have some default margin and padding on them. You will need to reset this if you want no gap or a smaller/larger gap. I think for FF its 30px if i recall correctly but the amount wil vary from browser to browser.

    • 0