JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article">
    <div class="wrap-inline-block">
        <div class="article-block_512">
            fsdfsdfsdfs
        </div>
        <div class="article-block_200">
            sdfsdfsdfsdf
        </div>
    </div>
</div>

CSS

.wrap-inline-block {
    letter-spacing: -1px;
    font-size: 0;
}
.article-block_512{    
    width:                  50%;
    font-size:              14px;
    display:                -moz-inline-box;
    display:                inline-block;
    letter-spacing: normal;
    *zoom:                  1;
    *display:               inline;
    background: green;
}
.article-block_200 {
    width:                  50%;    
    font-size:              14px;
    display:                -moz-inline-box;
    display:                inline-block;
    letter-spacing: normal;
    *zoom:                  1;
    *display:               inline;
    background: red;
}