如何使按钮适合线高度

Question

我在文本行中放了一个按钮，但按钮本身与行中文本的高度大致相同，它使按钮的高度大于没有按钮的行。我不想要这个，因为我需要有两组高度相等的线。 这是html：

<p class="thai2eng"><span class="color_up audio" id="t1ee01">Where can you go? </span>   <button type="button" class="bt1ee">Test</button></p>

行高为1.0em。我没有尝试输入标签，因为我理解（​​因为我可能会弄错）按钮标签更好地支持图像。谢谢

Answer 1

试试这个

<p style="vertical-align: super">
    <span class="color_up audio" id="t1ee01">Where can you go? </span>
    <button type="button" class="bt1ee">
        Test
    </button>
</p>