Skip to content

Instantly share code, notes, and snippets.

@theVDude
Created August 22, 2018 14:35
Show Gist options
  • Save theVDude/ef7f8e624bd6a67f30190837bf4acea5 to your computer and use it in GitHub Desktop.
Save theVDude/ef7f8e624bd6a67f30190837bf4acea5 to your computer and use it in GitHub Desktop.
<html>
<head>
<style>
li {
display: inline-block;
width: auto;
color: white;
background-color: red;
}
pre {
display: inline-block;
width: 168px;
background-color: bisque;
border-radius: 10px;
}
ul {
margin-top:0;
}
</style>
</head>
<body>
<pre>
&lt;ul&gt;
&lt;li&gt;
one&lt;/li&gt;&lt;li&gt;
two&lt;/li&gt;&lt;li&gt;
three&lt;/li&gt;
&lt;/ul&gt;</pre>
<ul>
<li>
one</li><li>
two</li><li>
three</li>
</ul>
<pre>
&lt;ul&gt;
&lt;li&gt;one&lt;/li&gt;
&lt;li&gt;two&lt;/li&gt;
&lt;li&gt;three&lt;/li&gt;
&lt;/ul&gt;</pre>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment