[CSS] Linki w formie "bloczków" nachodzą na siebie

Jak w temacie, bloczki na siebie nachodzą, a niezależnie od ich wymiarów chciałbym aby były obok siebie.

KOD

a.m:link,a.m:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#CCC;
width:130px;
text-align:center;
padding:4px;
text-decoration:none;
 transition:300ms; -moz-transition:300ms; -webkit-transition:300ms; -o-transition:300ms;
}
a.m:hover,a.m:active
{
background-color:#98bf21;
 transition:300ms; -moz-transition:300ms; -webkit-transition:300ms; -o-transition:300ms;
 box-shadow: 0px 8px 15px grey;
 border: 1px solid black;
}

Wystarczy z display: block; zmienić na display: inline;

 

@EDIT

 

Do normalnego stanu linków dodałbym

border: 1px solid rgba(0,0,0,0);

, żeby zniwelować ten efekt odsuwania się przycisków po najechaniu na nie.

Działa, ale mam 1 pytanie, jak to rozszerzyć (te bloczki że tę), aż taki zielony nie jestem, wiem że width:X; ale się “nie słucha” :C

Musisz manipulować paddingiem.

Cóż, do tego doszedłem wcześniej (działa), ale myślałem że się obejdzie. No cóż, dzięki tak czy siak :smiley:

Ostatnie (mam nadzieję) pytanie. W jaki sposób ustawić, aby te bloczki, były obok siebie? Obecnie się w dość dużych odstępach :slight_smile: