Ok, eine Möglichkeit hab ich gefunden: IDs für das a-element vergeben und dementsprechende div-Tags nutzen (s.u.). Oder wären da Strukturteile wie <section> besser?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
body {
color: grey;
font-family: arial, sans-serif;
width: 30em;
}
#buttongrey a, #buttonblue a, #buttongreen a, #buttonorange a {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
padding: 6px 20px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
width: 450px;
left: 30px;
}
#buttongrey a {
background-color: #666666;
}
#buttonblue a {
background-color: MidnightBlue;
}
#buttongreen a{
background-color: DarkGreen;
}
#buttonorange a{
background-color: DarkOrange;
}
</style>
</HEAD>
<BODY>
<H3>Linksammlung</H3>
<nobr><H4> Thema1</H4></nobr>
<div id="buttongrey">
<a href="...">Punkt 1</a>
<a href="...">Punkt 2</a>
<a href="...">Punkt 3</a>
</div>
...