asp:HyperLink and pseudo elements

Hello friends, I try to make menu and use pseudo elements for icons. And can't correct position it. Icons can have different shapes and how to align them in the center, also  the links have the same indentation. Please help me to understand how to make it. Maybe I should contain it in div?

 

 

css:

#hl1:before {

....

}