refactor 3-more into separate books

12-css-for-js/4-float/1-inline-block-vs-float/task.md

@@ -0,0 +1,16 @@
+# Разница inline-block и float
+
+[importance 5]
+
+Галерея изображений состоит из картинок в рамках с подписями (возможно, с другой дополнительной информацией).
+
+Пример галереи:
+[iframe src="solution" link edit].
+
+Технически вывод такой галереи можно реализовать при помощи списка UL/LI, где:
+<ol>
+<li>каждый LI имеет `display:inline-block`</li>
+<li>каждый LI имеет `float:left`</li>
+</ol>
+
+**Какие различия между этими подходами? Какой вариант выбрали бы вы?**