[HTML] wyrównanie tekstu w elemencie będącym odnośnikiem

[sioux]

Witam
Na stronie chcę umieścić duże okrągłe butony (podgląd), na których ma znajdować się wyśrodkowany w pionie i poziomie tekst (o różnych stylach - wielkość, odstęp między liniami).

Kolor guzika zmienia się po najechaniu - cały obszar jest podlinkowany.
Jak mogę rozmieszczać na tym obszarze tekst?
Pierwotnie zrobiłem tak:

Kod:

<div class="but3">
        <a href="info.html" class="men">
                <div class="inbut">INFO</div>
                <div class="inb">o firmie,</div>
                <div>o projektach</div>
        </a>
</div>

no ale wiadomo - że wewnątrz <a> nie mogą to być div'y

klasa but3 to tylko rozmieszczenie na stronie, a "men" zrobiłem na zasadzie wyrównywania obrazka do góry i w dół (jeśli najedziemy myszką) żeby nie musiał się ładować po raz drugi:

Kod:

a.men{
        background:url('puzle/button.png') top;
        width:198px;
        height:198px;
        display:block;
        border: none;
        text-decoration:none;
        outline: none;
        color: black;

}

a.men:hover{
        background:url('puzle/button.png') bottom;
        color: black;
}

Wszystko fajnie działa no ale się nie waliduje
Nie chce dać tekstu jako obrazek (jako tło) więc jak to rozegrać ?

Z góry dzięki za odpowiedź. Proszę o łopatologiczne opisy bo jestem jak dziecko we mgle

[hieroshima]

menu zrób w listach <ul><li>LINK</li><li>LINK</li></ul> i w cssie możesz dać np. każdemu elementowi li background z tych twoich przycisków ustawić szerokość i wysokość i odrazu w li będzie nazwa linka

[sioux]

ja chcę to mieć tak - że cały obrazek jest linkiem (nie poszczególne napisy), który po najechaniu zmienia kolor
te guziczki są wyrównane na stronie po okręgu

na tym obrazku muszę wyrównać tekst w pionie i poziomie - pierwsza linijka tekstu jest większa, kolejne dwie mniejsze i oddalone od pierwszej... Cały tekst razem z obrazkiem stanowi link.

Chyba nie da się tego zrobić tak jak napisałeś

[Kartofelek]

zamiast divów dajesz spany, stylujesz je identycznie + display:block.
Poza tym jak zaczniesz stosować html5 to będziesz mógł stosować divy wewnątrz linków.

[sioux]

no właśnie tak to zrobiłem - ale dzięki za odpowiedź