List Customisation Fallback

ListCustomisationFallback.html

<ul class="list-fallback">
	<li><span>-</span>Lorem ipsum dolor sit amet, consectetur adipisicing</li>
	<li><span>+</span>tempor incididunt ut labore et dolore magna aliqua</li>
	<li><span>#</span>quis nostrud exercitation ullamco laboris nisi ut</li>
	<li><span>+</span>consequat. Duis aute irure dolor in reprehenderit</li>
	<li><span>-</span>cillum dolore eu fugiat nulla pariatur. Excepteur</li>
	<li><span>+</span>proident, sunt in culpa qui officia deserunt mollit</li>
	<li><span>#</span>quis nostrud exercitation ullamco laboris nisi ut</li>
	<li><span>+</span>consequat. Duis aute irure dolor in reprehenderit</li>
	<li><span>-</span>cillum dolore eu fugiat nulla pariatur. Excepteur</li>
	<li><span>+</span>proident, sunt in culpa qui officia deserunt mollit</li>
</ul>
<style>
	.list-fallback{
		list-style: none;
		padding: 0;
	}
	.list-fallback > li{
		margin: 4px 0;
	}
	.list-fallback > li span{
		display: inline-block;
		font-weight: bold;
		margin-right: 4px;
		width: 16px;
		height: 16px;
		font-size: 16px;
		text-align: center;
		line-height: 16px;
	}
</style>