a {
font-size: 8pt;
text-align: left !important;
text-decoration: none;
}
.main {
text-align: center;
}
<div class="main">
<a href="#new_york_city">New York City</a><br />
<a href="#long_island">Long Island</a><br />
<a href="#upstate">Upstate New York</a><br />
</div>
Dies ist eine kompakte Version von dem, was ich habe, und für mich, mit Firefox 5, die Links sind immer noch zentriert, auch wenn ich mit !important auf die "text-align: left". Es ist verwirrend und ärgerlich, weil ich dachte, !important war die höchste Spezifität und überschreibt alle anderen Regeln.
Was ist hier los?