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

Попробуй, конечно, прописать кнопке стиль "vertical-align: top" (вместо top - middle или bottom), но 99,999%, что это не сработает. То есть остаётся только вариант использовать картинку с нарисованным на ней текстом. Используй для этого либо
<img src="..." alt="..." onclick="..." />, либо <input type="image" src="..." alt="..." />.

я увеличил немного размер кнопки и надпесь стала так, так мне хотелось

"Надпесь" пишется через "и": Надпись.