#17 Images: IMG.full-width

Author: Daniell Mesquita

elements.html

@@ -93,6 +93,11 @@ <h4>IMG.align-right</h4>
 	ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
 	ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor 
 	in hendrerit in vulputate velit esse molestie consequat.&lt;/p&gt;</textarea>
+<div class="col_4 column">
+	<h4>IMG.full-width</h4>
+	<img class="full-width" src="http://placehold.it/00A185/7ECFC1/ffffff.png&amp;text=full+width">
+	</div>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;img class="full-width" src="http://placehold.it/260x200/4D99E0/ffffff.png&amp;amp;text=full+width"&gt;</textarea>
 <script type="text/javascript" src="rsc/jquery.min.js"></script>
 </body>
 </html>

rsc/common.css

@@ -18,6 +18,7 @@ div.caption img{display:block;padding:0;margin:0;width:100%;height:auto}
 div.caption span{color:#333;font-size:14px}
 img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0}
 img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px}
+img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0}
 
 .blockquotebtn {
 	background-color: #e7534f;