![Made with table](https://i.stack.imgur.com/EeHVf.png)

I want to recreate this using CSS only instead of a table

code will be something similiar to the following

```
<ul>
<li>
<span class="icon-class icon-name"></span>
<span class="text">Text</span>
</li>
 //more li's
</ul>

```

icon-class sets image, display block, width and height, and icon-name sets position
li float left, list-style none

All of my CSS is fine except center aligning the icon; and vertically aligning text to the bottom and center aligning the text