renovations

2015-03-07 19:26:10 +03:00 · 2015-03-07 19:26:10 +03:00 · 6ac9e3a500
commit 6ac9e3a500
parent dceccedb58
182 changed files with 275 additions and 324 deletions
--- a/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html
+++ b/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <style>
+
+  .left {
+    float: left;
+    width: 200px;
+
+    /* для красоты */
+    margin: 5px 10px 5px 0;
+    text-align: center;
+    border: 1px solid black;
+    background: white;
+  }
+
+  .hero {
+    background: #D2B48C;
+    border: 1px solid red;
+    overflow: auto;
+  }
+
+
+  </style>
+</head>
+<body style="font-size:0.8em">
+
+<div class="hero clearfix">
+
+  <h2>Винни-Пух</h2>
+
+  <div class="left">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+  <div>Кадр из советского мультфильма</div>
+  </div>
+
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+  <p>Один из самых известных героев детской литературы XX века.</p>
+</div>
+
+</body>
+</html>
+