minor renovations, beautify round 2 (final)

8-css-for-js/4-float/article.md

@@ -118,6 +118,7 @@ HTML будет такой:
 ..То есть, `div.left-picture` включает в себя картинку и заголовок к ней. Добавим стиль с `float`:
 
 ```css
+/*+ no-beautify */
 .left-picture {
 *!*
   float: left;
@@ -273,6 +274,7 @@ h2 {
 Поэтому, если это допустимо, то установка `float` контейнеру всё исправит:
 
 ```css
+/*+ no-beautify */
 .hero {
   background: #D2B48C;
   border: 1px solid red;
@@ -318,6 +320,7 @@ h2 {
 Чтобы не добавлять в HTML-код лишний элемент, можно задать его через `:after`.
 
 ```css
+/*+ no-beautify */
 .clearfix:after {
   content: "."; /* добавить содержимое: "." */
   display: block;  /* сделать блоком, т.к. inline не может иметь clear */
@@ -334,6 +337,7 @@ h2 {
 Если добавить родителю `overflow: hidden` или `overflow: auto`, то всё станет хорошо.
 
 ```css
+/*+ no-beautify */
 .hero {
 *!*
   overflow: auto;