Links in eigener Klasse zentrieren/ausrichten

[mrnarn]

Hallo, wollte einen Link in einer Klasse zentrieren, bzw.
rechts ausrichten. Klappt leider nicht.
Hier der html Code:
<a class="untere_links" href="geschichte.html">zur Geschichte</a>

Hier der css Code:
.untere_links {
font-size:20px;
text-align:right;
}

Bitte um Hilfe

mfg

 

[developr]

text-align:right ist dafür da, um untere Elemente rechts anzuordnen. Zum zentrieren musst du "center" statt "right" benutzten.

<div style="text-align:center"><a class="untere_links" href="geschichte.html">zur Geschichte</a></div>

Das kannst natürlich auch mit HTML machen.

<div align="center"><a class="untere_links" href="geschichte.html">zur Geschichte</a></div>

 

[mrnarn]

"div" macht aber einen Zeilenumbruch, kann ich den Link auch ohne Zeilenumbruch zentrieren (natürlich in CSS, in eigener Klasse)? "text-align:center;" funktioniert nicht. mfg

 

[developr]

Statt "div" nimmst du dann einfach "span", das ist ein inline-Element.

<span><a href="#">bla</a></span>

 

[mrnarn]

Statt "div" nimmst du dann einfach "span", das ist ein inline-Element.

<span><a href="#">bla</a></span>

Kannst du bitte dringend den html-Code + den CSS-Code schreiben.

mfg