JSFiddle - React, Tailwind, and code Playground

HTML

<div class="site-capture">

</div>
<div class="content-wrapper">
<div class="content-post">
                <div>

                    <p>lorum ipsum</p>

                </div>
                                <h2>table:</h2>
                <table width="100%" border="1">
                    <thead>
                    <tr>
                        <th width="5%"></th>
                        <th width="80%">col 1</th>
                        <th width="10%">col 2</th>
                        <th width="5%"></th>
                    </tr>
                    </thead>
                    <tbody>
                    
                        <tr><td></td>

                            <td>item 1</td>

                            <td>234</td>
                            <td></td>
                        </tr>
                        
                        <tr><td></td>

                            <td>item 2</td>

                            <td>657</td>
                            <td></td>
                        </tr>
                                            </tbody></table>
                            
                </div>
</div>

CSS

* {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 outline: 0;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

body
{
 color: #262626;
 font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 font-size: 14pt;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.site-capture
{
 background-repeat: no-repeat;
 position: relative;
 min-width: 1000px;
 background-color: #0B2323;
 min-height: 350px;
}

.content-wrapper
{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 border-right: 1px solid #AAAAAA;
 border-left: 1px solid #AAAAAA;
}

p { 
	margin: 15px 0; 
}