JSFiddle - React, Tailwind, and code Playground

HTML

<div class="company-table">
          <dl>
            <dt>会社名</dt>
            <dd>テスト株式会社</dd>
            <dt>業種</dt>
            <dd>製造業</dd>
            <dt>沿革</dt>
            <dd>
                <ul>
                    <li>H23 創業</li>
                    <li>H24 設備導入</li>
                    <li>H26 社屋引っ越し</li>
                </ul>
            </dd>
          </dl>
        </div>

CSS

.company-table {
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.company-table dl {
    background-color: #add8e6;
    width: 100%;
    height: auto;
}
.company-table dt {
    width: 20%;
    min-width: 6em;
    background-color: #add8e6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    float: left;
    clear: both;
    font-size: 90%;
    line-height: 1.6;
    box-sizing: border-box;
}
.company-table dd {
    background-color: #dcdcdc;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 10px;
    font-size: 90%;
    line-height: 1.6;
    text-indent: 10px;
    width:80%;
    display:inline-block;
    margin:0;
    box-sizing: border-box;
}