css - 我试图让两个 cels 大小相同，但左边的保持更大

Question

我想让两个 table-cels 占用相同的空间，但左边的比右边的大。

我将此代码输入了 jsfiddle它看起来不错，但在我的网站上有点不平衡。

有人知道我错过了什么吗？

这是 html:

        <div class="terms">    
        <div id="c1">
        <h3>This is the left side</h3>
<p>&nbsp;</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
        </div>
        <div id="c2">
        <h3>This is the right side</h3>
            <p>&nbsp;</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
        </div> 
        </div>               

</div>       
</div>
</div>
</div>
</div>

这是 CSS:

.terms {
    margin-top: 25px;
    clear:both;
    width: 100%;
    display:table;
    border-spacing: 35px 75px 35px 75px;
}

#c1, #c2, #c3 {
    display:table-cell;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    color: #787878;
    line-height: 25px;
    letter-spacing: 1px;
}

#c1, #c2, #c3 h3 {
    padding: 20px 20px 20px 20px;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 15px;
}

p {
    color: #828282;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

Answer 1

评论多于回答，唉，我的声望太低了，无法评论。我真的必须在浏览器的元素检查器中将其拉出以查看样式的来源，某些东西可能会覆盖您的样式。

但你也可以尝试添加

max-width:50%;

这些列的 css 元素。