JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="after-body">
        <div class="body-wrapper">
            
            <div class="threadlist">
				<ol class="threads">
					<li class="threadbit"><div class="thread"></div></li>
                  
                    <li class="threadbit"><div class="thread"></div></li>
                </ol>
            </div>
            
        </div>
    </div>
</body>

CSS

ol {
    padding:0;
    margin: 0;
}

body {
    background-color: red;
    width: 100%;
    margin: 0;
}

.after-body {
    background-color: yellow;
    height :200px;
    width : 93%;
    margin: 0 auto;
    display: block;
}

.body-wrapper{
    padding: 0 20px;
}


.threadlist {
    clear: both;
    display: block;
    float: right;
    margin-top: 5px;
    width: 100%;
    background-color: gray;
    height: 135px;
    padding-top: 5px;
}

.threadbit {
    clear: both;
    color: #3E3E3E;
    display: block;
    float: right;
    padding: 0;
    position: relative;
    width: 100%;
    margin-top: 5px;
}
.threadbit .thread{
    background-color: white;
    border-color: black;
    border-style: solid;
    border-width: 3px;
    clear: both;
    display: block;
    float: inherit;
    height: 50px;
    position: relative;
    width: 100%;
}