Вертикально выровненный якорный текст?

вы, вероятно, часто сталкиваетесь с этим вопросом. Тем не менее, я прошел через треды и, похоже, не могу найти решение своей ситуации. Возможно, я упустил что-то очень важное, или, может быть, я просто лаю не на то дерево вместе.

В основном то, что я пытаюсь сделать, - это взять якорь с {display: block;} с заданной высотой и шириной и расположить его текст по центру по вертикали и горизонтали.

Прямо сейчас это мой css

.logo
{
    width:140px;
    height:75px;
    border-right:1px dotted black;
    border-bottom:1px dotted black;
    float:left;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#c60606;
}

.logo a
{
    display:block;
    width:140px;
    height:75px;
    background-color:#fff;
    font-size:15px;
    font-weight:bold;
    color:#c60606;
}
/*the reason for the double declaration of text information is because
  some of the logo divs do not have anchors in them, and it's for uniformity
  purposes.
*/

.logo a div
{
    margin-top:10px;
}

, а затем html будет

my link

Теперь причина, по которой я вставил div внутри привязки, состоит в том, что я подумал, что это будет хороший способ отделить текст от фактического блока. , но с этим параметром поля он перемещает якорь вниз, а не только текст. Атрибут vertical-align практически ничего не делает, и я не понимаю, что делать. Любые предложения или идеи реструктуризации были бы замечательными. Спасибо.

образец можно найти на http://www.dsi-usa.com/test/clientele.php не стесняйтесь просматривать сайт, работа еще не завершена, необходимо многое организовать и перекодирован. В любом случае, этот образец - именно то, что я хочу, просто нужно, чтобы текст был также выровнен по вертикали.