JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<!-- картинка справа -->
<a class="thumbnail colorbox" href="/uploads/good/pic16_1.jpg" 
style="display:block; float:right; margin-left:10px;">
		<img alt="" height="290" src="/uploads/good/pic16_1_thumb.jpg" width="290" /> 
</a>

<!-- комментарий к коду 
классы ссылки:
thumbnail - добавляет рамку
colorbox - делает ссылку на всплывающу галерею

стили ссылки:
float:right - картинка смещается вправо
margin-left:10px - отступ слева от картинки равен 10 точкам
-->


<!-- картинка слева -->
<a class="thumbnail colorbox" href="/uploads/good/pic16_1.jpg" 
style="display:block; float:left; margin-right:10px;">
		<img alt="" height="290" src="/uploads/good/pic16_1_thumb.jpg" width="290" /> 
</a>

<!-- комментарий к коду 
классы ссылки:
thumbnail - добавляет рамку
colorbox - делает ссылку на всплывающу галерею

стили ссылки:
float:left - картинка смещается влево 
margin-right:10px - отступ справа от картинки равен 10 точкам
-->