Помогите выровнять текст по середине ячейки в меню

[paul69]

Здрасте, не судите строго я новичок)и могу не очень внятно объяснять.

В общем ситуация такая:

Главное меню сайта выполнено таблицей.

Главная        Бла бла        Бла ла       улю лю

бэкграунд задан картинкой,

Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста.

 html/

<div id="topmenu">
        <table>
            <tr>
                <td>
                    <a href="index.html">Главная </a>
                </td>
                <td>
                    <a href="about.html">О нас </a>
                </td>
                <td>
                    <a href="services.html">Услуги </a>
                </td>
                <td>
                    <a href="contacts.html">Контакты </a>
                </td>
                <td>
                    <a href="feedback.html">Подать заявку </a>
                </td>
            </tr>
        </table>
        </div>

 

Css/

#container{
    margin:0 auto;
    width: 780px;
    }
    
#topmenu{
    margin: 20 0 0;
    background-image:url("../images/fonmenu_02.png");
    width:780px;
    height:46px;
    }
    
#topmenu a {
    color: #000000 ;
    font-weight: bold ;
    margin:40px;
    padding: 1px 5px;
    text-decoration: none;
    padding-top: 20px;
    }

#topmenu a:hover{
    background-color:#e6e6e6;
    background-image:url("../images/fonmenu_02.png");
    }
    

[klierik]

оформи код в соответствующие теги, пожалуйста

[paul69]

а поконкретнее можно,пожалуйста. я просто совсем чайник

[paul69]

1 час назад, paul69 сказал:

а поконкретнее можно,пожалуйста. я просто совсем чайник

все понял спасибо) прочитал статьи под сообщением, думаю сам найду ответ