<style>
ul {
list-style-image:
url(data:image/gif;base64,R0lGODlhCQAJAIMAAAD/AACAAAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAAJAAkAAAQXEMhJqwxSaB0w2JwHCl0Glt/pdWzZthEAOw==);
}
li.second {
list-style-image:
url(data:image/gif;base64,R0lGODdhCQAJAKEAAO6C7v8A/6Ag8AAAACwAAAAACQAJAAACFISPaWLhLhh4UNIQG81zswiGIlgAADs=);
}
div {
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAK3RFWHRDcmVhdGlvbiBUaW1lAFd0IDEwIHBhnyAyMDE3IDA3OjU0OjE5ICswMTAwfWTgYgAAAAd0SU1FB+EKCgU2Ne2lDf8AAAAJcEhZcwAAHsEAAB7BAcNpVFMAAAAEZ0FNQQAAsY8L/GEFAAAAeFBMVEXe3s7n587n3sbv3tbn58be587n3s7n1s7e3sbezsbW3r3e1sbe1r3W3sbe3r3ezr3n1sbv587W1r3O1r3Wzr3e58bv58bO1sbWzrXOzrXW1sbW1rXOzr3v79bv59bWxr3OxrXe1s69xq3O1rXv3s7v3sbWzsbOzsaCJQAPAAABuElEQVR42hWSgXLjIAxEtQQW2QI1uHGaOjm3vrv0/v8PTxkGZhgkrd4KMQKqVuFqr5X448oji4v/y6KNq0oTxzLzES+KnZSFI6OQTYnDSTczaDrocpNsUpEFPaGc9dB4S8W8Sw8lTeWEJwaq3OnaxBZTl7Z9RqknWJzKu/mmYq5Qk4sylx2G2pMuU69OhzRqRCwQts0y4vixFO2xVKzRYSTRt8ZCu3XvNYP11TJm4VW4OSttNsc5apWBUJ9VCkK7lsy56imCIc+dSGpZyPs0M/VGrqNmSdgjSRUi127lLzaPhH1FdZxG02UwVXk4r2ilMmJr64xiEJAb5cvWHSWBCeo9kJIwAINfUkCcx2nPED9eOcKs0YHXyIWMPAQVNesaJw42bCyy58PrYAZWRAEF17jIa7eY1QrgXOBhCd5iSwqqFsgxlSlVhIeTM3rUxJhLhewB3koghnKffn/5NNufKYwaEoYFR7BwntrdTJflYjFGPeRX3cdrJdjHst3b1+WxfL9vS1OJyeAq8TVSP4fE9HG7fG5c7g+XM8P7gVziUyzq+vY+adOLBVeEnyQeqoa+2ctF728quf4H+wEZQCEcEEgAAAAASUVORK5CYII=)
}
img.bs64 {
padding: 15px 0 15px 35px;}
</style>
<div>
<img class="bs64"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAMAAADpC5XfAAABLFBMVEVMaXH///9JSUlgYGBVVVVGRkZVVVVOTk5LS0tHR0dOTk5KSkpMTExERERKSkpISEhGRkZFRUVKSkpGRkZGRkZHR0dFRUVJSUlHR0dFRUVHR
0dGRkZGRkZHR0dGRkZFRUVHR0dGRkZFRUVHR0dGRkZERERHR0dFRUVERERGRkZHR0dGRkZGRkZERERGRkZERERGRkZFRUVERERERERERERGRkZFRUVFRUVFRUVFRUVERERERERFRUVGRkZERERERERFRUVFRUVERERFRUVFRUVERERERERFRUVFRUVFR
UVERERFRUVFRUVFRUVERERFRUVERERERERERERFRUVFRUVFRUVFRUVFRUVERERERERERERERERERERFRUVFRUVERERFRUVFRUVERERERETSgjP9AAAAY3RSTlMAAQcICQsMDRESFxgbHh8gISUmKCwvMDEyNDY6PkFFRkhJSk9QUlNVVlheYmNlZmxtd
3h/g4SFjJCRkpWXmqSlpqmwsbKztLW4ub7I09TV19nc4ePm6eru7/Dy8/b4+fv8/f4xU1VzAAAA4klEQVR42mNggAIOeX1ZdgZUwOuVlJycnOjGjSyoEhFroSaiaRMfJocQFIgJEAMzpIMiEard44SgLMlER5igeLIZXIF1siCUpZ0sAReVTdaAsiwTm
OGinHB9ziFIzomyhzJcUEQdqCbq74ckGuwNoUWTHZBEPZN4wLRdshSSqCrEwVrJ1sjBx+iRIMPAwBftx4IS1FyhwZwM9knK/KhAN9mWwSUZEzgxsOsYGhkZeSabA0mrZFcgaajHBjVMPdkQSJokK6JYwRoYbixhGuXLhBrJogFA83yE0aKegUXJQAGuE
gD46C3/qUuqrAAAAABJRU5ErkJggg=="
height="60" width="40">
<ul>
<li>Punkt 1 </li>
<li>Punkt 2</li>
<ul>
<li class="second">Podpunkt 2.1</li>
<li class="second">Podpunkt 2.2</li>
</ul>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>
<br /><img src="F_icon.svg " border="1" width="200" height="500" />
</div>