HTML:
<table id="l2-menu-table">
<tr>
<td>
<span class="dayname">Måndag</span>
<p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
</td>
<td>
<span class="dayname">Tisdag</span>
<p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
</td>
<td>
<span class="dayname">Onsdag</span>
<p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
</td>
</tr>
</table>
CSS:
#l2-menu-table {
width: 100%;
padding: 36.85px;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
font-family: OratorStd;
word-wrap: break-word;
}
#l2-menu-table td {
width: 33.33333333333333%;
}
它几乎可以正常工作,但它右边有更多的填充,是否可以删除右侧的额外内容并在中间增加它,如果是这样的话?
答案 0 :(得分:2)
不确定你的意思是右边更多的填充。似乎对我来说。
看起来如果你想要它完美甚至你可以证明文本的合理性。它可能看起来更像是因为所有文本都没有像在左侧一样向右延伸。
text-align: justify;
希望这就是你要找的东西。