Text im Link mittig darstellen

[Alex55]

Hi, ich hab mir eine Linkbox gebaut, und versuche jetzt herauszufinden wie ich den Link Text mittig darstellen kann.

Hier hab ich mal den CSS-Code,

a.linkbeispiel1 {
          display:block;
          width:170px;
          height:100px;
          color:#7A7A7A;
          background:#3F3F3F;
          text-align:center;
          text-decoration:none;
          font:normal 14px arial, sans-serif;
}


a.linkbeispiel1:hover {
         color:#7A7A7A;
         text-decoration:none;
         background-color:#C40000;
}

wie man sehen kann wird der Text schon mittig dargestellt, aber leider nur am oberen Rand. Jemand eine Idee wie ich den Text mittig in der Box darstellen kann?

Liebe Grüße

 

[Trüffelkrieger]

Theoretisch mit einem Padding. Wenn du

padding-top: 50%;

wählst, hast du es näherungsweise mittig. Eine genauere Vorgehensweise wäre, dass du keine Height-Angabe machst, sondern ein padding-top und padding-bottom setzt.

 

[threadi]

Auch eine mögliche Lösung wäre line-height.

Moderation: Verschoben von HTML zu CSS.

 

[FoXMorayn]

CSS vertical-align property

 

[threadi]

Dazu sollte man aber auch diese Hinweise beachten: Understanding vertical-align, or "How (Not) To Vertically Center Content"