Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
  <title>Weird CSS/HTML bug</title>
<meta name="viewport" content="width=device-width">
</head>
  
<body>
  
  <p>This is a weird bug (I guess). This CSS hack makes list elemets to spread evently in one line. But it does not work when HTML code is written in single line. Please, explain <strong>WHY?</strong></p>
  
  <p>HTML in multiple lines:</p>
  
  <ul class="inline-list">
    <li><a>Everything</a></li>
    <li><a>Is</a></li>
    <li><a>Fine</a></li>
    <li><a>With</a></li>
    <li><a>Multiline</a></li>
    <li><a>HTML</a></li>
  </ul>
  
  <p>HTML in single line:</p>
  
  <ul class="inline-list"><li><a>This</a></li><li><a>Is</a></li><li><a>A</a></li><li><a>Weird</a></li><li><a>CSS/HTML</a></li><li><a>Bug</a></li></ul>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers