[使用dt和dd的CSS列对齐

Question

我正在做一些样式设计，并试图弄清为什么我无法使此phpBB公告板的列标题正确对齐。当屏幕宽度减小时，我希望列标题在论坛列表及其下方的元数据下平稳一致地对齐。我认为需要将某些样式应用于.header dt。我可以指定一个以像素为单位的列宽，它会工作一段时间，直到屏幕宽度缩小太多为止。以百分比指定宽度也不起作用，因为随着屏幕宽度减小，标题对齐方式将与其下方的行不一致。显然有很多样式在进行，样式继承自phpBB的prosilver样式，但我需要使其与网站的样式一致。

https://phpbb33.adafruit.us/index.php

Answer 1

在这种情况下，解决方案是应用以下样式：

ul.topiclist dt {
    margin-right: -440px;
}