JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
		<div class="right">
		<div class="rightcont">
			<div class="righttest">Test Field:</div><div class="righttest2">1</div>
			<div class="righttest">Test Field:</div><div class="righttest2">2</div>
			<div class="righttest">Test Field:</div><div class="righttest2">3</div>
			<div class="righttest">Test Field:</div><div class="righttest2">4</div>
		</div>
		</div>
</div>

CSS

* {
    margin:0;
    padding:0;
    overflow:hidden
}

.container {
    overflow: hidden;
}
.right {
    float: right;
    width: 326px;
    margin:25px 32px 0 25px;
    padding:0
}

.rightcont {
    width: 326px;
    padding:0;
    border:1px solid #c1b194;
    color:#000;
    background-color:#fff;
}

.righttest {
    display:inline-block;
    margin-bottom:1px;
    padding:4px 0;
    width:50%;
    background-color:#f2ebde;
    font-size:.7rem
}
.righttest2 {
    display:inline-block;
    margin-bottom:1px;
    padding:4px 0;
    width:50%;
    font-size:.7rem
}