表格裏面div /文字忽略右邊填充的問題

Question

我確定我在這裏做了一些錯誤的事情，但我似乎無法縮小特定問題導致問題的位置：

http://www.accessdigitalmedia.com/modaltest/ibtest.html

文本「1海外健康兒童午餐」忽略父級div上的5 px右填充。我認爲問題可能是div內的表。當我用螢火蟲看它時，表格單元格向右移動了一個或兩個像素，並溢出了父容器。

我需要將表格保存在那裏，以滿足我需要的程序員。任何人都可以幫助我獲得正確填充內容/文本框內？

謝謝！

Answer 1

如果你給任何填充div，該div - >表的內容將被移動。

爲了給文本提供填充，可以將它指定給包含文本的錨標籤或標題標籤。

Answer 2

h4 { 
    width: 90%; 
} 

.table.cat-table-item { 
    margin: 0 0 15px 5px; 
} 

會這樣做。