michsch · February 19, 2012 18:45
diff --git a/dabblet.css b/dabblet.css
 /**
 * img inline margin-bottom bug
 */

 html * { font-size:100.01%; }

 body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 87.50%; /* 14px */
 	background: #efefef;
 }

 .wrapper {
 	width: 960px;
 	height: 500px;
 	padding: 21px;
 	margin: 0 auto;
 	background: #fff;
 	border: 1px solid #444;
 }

 img {
 	max-width: 100%;
 	margin: 0;
 	padding: 0;
 }

 p {
 	margin: 0;
 	padding: 1.4286em; /* 20px */
 	line-height: 1.4286em; /* 20px */
 	border: 1.4286em #444 solid; /* 20px */
 }


diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="wrapper">
 	<img src="http://dummyimage.com/300x200/cccccc/fff.png" alt="" title="" />
 	<p>Der Text sollte direkt unter dem Bild stehen und der Text-Rahmen ohne Abstand an das Bild grenzen.</p>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"html"}
	/**
	* img inline margin-bottom bug
	*/

	html * { font-size:100.01%; }

	body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.50%; /* 14px */
	background: #efefef;
	}

	.wrapper {
	width: 960px;
	height: 500px;
	padding: 21px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #444;
	}

	img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	}

	p {
	margin: 0;
	padding: 1.4286em; /* 20px */
	line-height: 1.4286em; /* 20px */
	border: 1.4286em #444 solid; /* 20px */
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="wrapper">
	<img src="http://dummyimage.com/300x200/cccccc/fff.png" alt="" title="" />
	<p>Der Text sollte direkt unter dem Bild stehen und der Text-Rahmen ohne Abstand an das Bild grenzen.</p>
	</div>