JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <div id="content_rdivider">&nbsp;</div>
    <div id="content_right">
        <table width="100%" cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td valign="top" height="130" style="padding-right: 5px;" dir="" align="" id="news">
                    <ul>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                        </li>
                        <li><a href="Special Ads here">Special Ads here</a>
                       ...

CSS

#content {
    position: relative;
    background-color: #FFF;
    width: 975px;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: bottom left;
    border: solid 1px #d7d7d7;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    overflow:hidden;
    height:auto;   
     display: table;
}

#content_right {
    width: 180px;  
    text-align: right;
    display:table-cell;
}

#content_rdivider {
    width: 10px;
  
    text-align: center;
    background-color:red;
    position:relative; 
    height:100%;
    display:table-cell;
 
}