How to have tutorial list like mine!

Assalamualaikum and hi everyone! Today I will like to give you my Tutorial List codes that I am currently using right now. Click here to see the live preview of the tutorial list. The Live Preview is not a real one because I didn't provide the real text and real link. However, you will get the idea of the list by seeing the Live Preview.

To get this list codes, copy the codes down here and paste it on http://htmledit.squarefree.com/ and edit it there! Honestly I need to remind you this is the easiest way to edit codes.

<style type="text/css"> a.listeu{ text-align:left; color:#000; background:url(http://media.tumblr.com/63ac3bd73106fb137241a615541a45e5/tumblr_inline_mjs1cjx50n1qdlkyg.gif); background-position:0px 4px; background-repeat:no-repeat; background-size:13px; padding-left:18px; line-height:22px; text-decoration:none; width:46%; margin:0.1%; margin-right:0.1%px; display:inline-block; } </style> <div style="width:100%;"> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> <a href="LINK" class="listeu">Tutorial: </a> </div>
Replace LINK with your tutorial link and replace Tutorial: with your own tutorial titles. 
To apply this codes, go to your tutorial page, and paste the codes on the HTML side, preview it and save! For Classic Template just paste the codes to where you wanted the tutorial list to be.