UL LI CONS

by beliyadm

HTML

<script src="https://kit.fontawesome.com/a3ddcb6b7b.js"></script>
<ul>
	<li><i class="fab fa-acquisitions-incorporated"></i><span>All 7 702 Awesome Icons</span></li>
	<li><i class="fas fa-ad"></i><span>All 7 702 Awesome Icons</span></li>
	<li><i class="fab fab fa-affiliatetheme"></i><span>All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons</span></li>
	<li><i class="fas fa-air-freshener"></i><span>All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons</span></li>
	<li><i class="fab fa-algolia"></i><span>All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons All 7 702 Awesome Icons</span></li>
</ul>

CSS

ul {padding: 0; margin: 10px;}
ul li {display: block; position: relative; list-style: none; padding: 0 0 0 25px; margin: 15px 0; }
ul li i {position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%);
padding: 5px;}