JSFiddle - React, Tailwind, and code Playground

by MasterAlex

HTML

<div id="content">
    <img src="http://www.kalvos.cz/images/products/prescogroup/2013/nastenne/pgp-0461_9-big.jpg" alt="" />
</div>

<div id="badContent">
    <img src="http://www.kalvos.cz/images/products/prescogroup/2013/nastenne/pgp-0461_9-big.jpg" alt="" />
</div>

CSS

#content, #badContent {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 20px;
    background-color: red;
}

#content img {
        border:solid 1px;
        border-color:#DBDBDB;
        height:100%;
        width:100%;
        padding:2px;
        position:center;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box; 
                box-sizing: border-box;
    }


#badContent img {
        border:solid 1px;
        border-color:#DBDBDB;
        height:100%;
        width:100%;
        padding:2px;
        position:center;
    }