删除镀铬声明填充

Question

http://jsfiddle.net/k8s4j/6/

鉴于上面的小提琴，我被卡住了......在Chrome中它声称底层元素以某种方式分配了填充，但我似乎无法确定它的来源。

无论如何，我需要将“HIGH”放在盒子里面。

请在Chrome btw中查看，因为它适用于Chrome插件，因此其他浏览器无法理解。

CSS中有一些多余的填充和边距声明...我基本上只是尝试添加显式边距和填充，以查看我是否找不到罪人。

Answer 1

由于.priorityheader_priority有display: table-cell;，您还需要为vertical-align: top;提供所需的对齐方式。

Answer 2

听到工作DEMO

只需更改以下 CSS：

即可

        .priorityheader_priority {
            border-left: 1px solid black;
            display: table-cell;
            vertical-align:top;
            width: 112px;
            padding: 0; margin: 0;
        }
        .priority {
            text-align: center;
            vertical-align: middle;
            line-height: 25px;
            font-weight: bold;
            display: block;
            text-transform: uppercase;
            font-size: 120%;
            padding: 0; margin: 0;
        }