Inline images with float left

by Dan N

HTML

<p id="main" style="display:block;width:100%;height:auto;padding:0;line-height:normal;margin:120px auto 50px -146px;">
<img src="https://dexdan.files.wordpress.com/2016/08/2.jpg" style="display:block;width:50%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/3.jpg" style="display:block;width:50%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/4.jpg" style="display:block;width:50%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/5.jpg" style="display:block;width:50%;height:auto;margin:0 auto;float:left;"/>
<i style="display:block;width:100%;height:1px;float:none;clear:left;margin:10px auto 12px auto;"></i></p>


<p>
Demo 2
</p>


<p style="display:block;width:100%;height:auto;padding:0;line-height:normal;margin:120px auto;">
<img src="https://dexdan.files.wordpress.com/2016/08/2.jpg" style="display:block;width:20%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/3.jpg" style="display:block;width:20%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/4.jpg" style="display:block;width:20%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/5.jpg" style="display:block;width:20%;height:auto;margin:0 auto;float:left;"/><img src="https://dexdan.files.wordpress.com/2016/08/6.jpg" style="display:block;width:20%;height:auto;margin:0 auto;float:left;"/>
<i style="display:block;width:100%;height:1px;float:none;clear:left;margin:10px auto 12px auto;"></i></p>

CSS

#main{margin:100px auto 20px 156px;}