li.hot {
    list-style: inside url('../img/chili.png');
    direction: rtl;
}

li.vegetarian {
    list-style: inside url('../img/vegetarian.png');
    direction: rtl;
}

<h3>HOUSE SPECIALS</h3>
<ul class="list-unstyled">
    <li class="hot">Gosht achar</li>
    <li class="vegetarian">Mixed vegetable dhansak</li>
    <li>Meti Gosht</li>
</ul>

<h3>HOUSE SPECIALS</h3>
<ul class="list-unstyled">
    <!-- The following would display chili.png repeated 5
         times to the right of the list item -->
    <li class="xxxx-hot">Chicken phaal</li>
    <!-- The following would display chili.png and vegetarian.png
         to the right of the list item -->
    <li class="hot vegetarian">Vegetable biryani</li>
    <li>Meti Gosht</li>
</ul>

<ul>
    <li class="hot hot-1">Gosht achar</li>
    <li class="vegetarian">Mixed vegetable dhansak</li>
    <li class="hot hot-4">Chicken phaal</li>
    <li class="hot hot-1 vegetarian">Vegetable biryani</li>
    <li class="hot hot-3">Hot-3</li>
    <li class="hot hot-2 vegetarian">Hot-2, Vegetarian</li>
</ul>