So, jetzt hat es hingehauen. Danke!
Folgendes funktioniert:
<li style="margin-left:20px; text-indent:-20px;"><img src="/images/gui/icons/email.png" alt="E-Mail-Icon" class="icon" /><a href="">E-Mail-Benachrichtigung bei neuen Beiträgen</a></li>
Allerdings hatte ich noch einen anderen Fehler, welcher die Einrückung verhindert hat: Die Liste befindet sich in einer Spalte und die Einrückung ging verloren, da ich der Spalte keinen Abstand von links gegeben hatte. Nachdem sie mit margin-left:460px; einen Abstand nach links bekommen hat, funktioniert nun alles wunderbar.
<div class="spalte1" style="float:left; width:460px;">
<ul><li>Liste 1</li></ul>
</div>
<div class="spalte2" style="margin-left:460px;">
<ul>
<li style="margin-left:20px; text-indent:-20px;"><img src="/images/gui/icons/email.png" alt="E-Mail-Icon" class="icon" /><a href="">E-Mail-Benachrichtigung bei neuen Beiträgen</a></li>
</ul>
</div>