Я хочу, чтобы два стола-целлы заняли равное количество места, а одно слева осталось больше, чем правое ,Я пытаюсь получить два cels того же размера, но левый остается большим
Я ввел этот код в jsfiddle, и он выглядит хорошо, но он на лобке на моем сайте.
У кого-нибудь есть представление о том, что мне не хватает?
вот HTML:
<div class="terms">
<div id="c1">
<h3>This is the left side</h3>
<p> </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> </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;
}
Кстати, я пробовал firefox, chrome и safari с одинаковыми результатами. –