vitkarpov · August 22, 2016 15:25
diff --git a/dabblet.css b/dabblet.css
 .wrapper {
 	background: red;
 }
 .wrapper:after {
 	content: '';
 	display: table;
 }

 .inner {
  margin: 20px 0;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="wrapper">
 	<div class="inner">Сверху маргин торчит за родителя, а снизу — включается в него, благодаря тому, что табличка в конце контейнера создает новый контекст форматирования, через который маргин торчать не может.</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	<div class="wrapper">
	<div class="inner">Сверху маргин торчит за родителя, а снизу — включается в него, благодаря тому, что табличка в конце контейнера создает новый контекст форматирования, через который маргин торчать не может.</div>
	</div>