положение всех кнопок одинаково горизонтально

Question

Я печатаю набор кнопок из plsql с определением кнопки в CSS.

print_out('"<button class=\"btn\" OnClick=\"displaySection(''TOC'',''' || to_char(i) || ''')\">' ||  
    g_sections(i).name || '" +'); 

Я печатаю это внутри строки таблицы.

Проблема, с которой я сталкиваюсь, заключается в том, что длина текста делает кнопку вверх или вниз на основе других кнопок. Чем длиннее текст в кнопке, тем выше кнопка, чем другие кнопки. Я также заметил, как только у меня появилось изображение значка в конце текста, тогда кнопка перемещается на 1 пиксель.

Вот моя кнопка CSS

.btn { 
    border: #000000; 
    border-style: solid; 
    border-width: 2px; 
    width:190; 
    height:50; 
    border-radius: 6px; 
    background: linear-gradient(#FFFFFF, #B0B0B0); 
    font-weight: bold; 
    color: blue; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    margin-right: 5px; 
    margin-left: 5px; 

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

Итак, вопрос заключается в том, чтобы убедиться, что кнопки всегда выровнены горизонтально друг с другом.

Thanks

Answer 1

Я добавил "vertical-align: middle;" к классу кнопок и что сработало