Back to Snippets List

typography - Typography Lists

  1. here is a numbered list
  2. vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
  3. vestibulum id ligula porta felis euismod semper
  4. integer posuere erat a ante venenatis dapibus posuere velit aliquet
  5. and here is a numbered sub-list
    1. vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
    2. vestibulum id ligula porta felis euismod semper
  • here is a numbered list
  • vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
  • vestibulum id ligula porta felis euismod semper
  • integer posuere erat a ante venenatis dapibus posuere velit aliquet
  • and here is a numbered sub-list
    1. vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
    2. vestibulum id ligula porta felis euismod semper
<ul class="list-bullet">
	<li>here is a bulleted list</li>
	<li>vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</li>
	<li>vestibulum id ligula porta felis euismod semper</li>
	<li>integer posuere erat a ante venenatis dapibus posuere velit aliquet</li>
</ul>


<ol class="list-number">
	<li>here is a numbered list</li>
	<li>vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</li>
	<li>vestibulum id ligula porta felis euismod semper</li>
	<li>integer posuere erat a ante venenatis dapibus posuere velit aliquet</li>
	<li>
		and here is a numbered sub-list
		<ol class="list-number">
			<li>vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</li>
			<li>vestibulum id ligula porta felis euismod semper</li>
		</ol>
	</li>
</ol>


<div class="content-block">
	<ul>
		<li>here is a numbered list</li>
		<li>vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</li>
		<li>vestibulum id ligula porta felis euismod semper</li>
		<li>integer posuere erat a ante venenatis dapibus posuere velit aliquet</li>
		<li>
		  	and here is a numbered sub-list
		  	<ol>
		  		<li>vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</li>
		  		<li>vestibulum id ligula porta felis euismod semper</li>
		  	</ol>
		</li>
	</ul>
</div>

Lists

List styles, both explicit and inherited.


Notes


Changelog

24th August 2015