如何在按钮上方居中对齐文本

Question

我想要一个带文字的按钮，但我想在它对齐的中心正上方放置另一个文字。这是一个伪示例，用于显示我想要的内容：

每个按钮OFF和Next分别有Text over OffButton和Text over NextButton相关联的文字。我不是在谈论默认按钮文本（在本例中为OFF和Next），而是针对它们正上方的文本。即Text over OffButton和Text over NextButton

Answer 1

将div中的每个按钮和文本换行并将中心对齐。

＆＃13;

＆＃13;

.button-wrapper {text-align:center;display:inline-block; margin:10px;}
button {padding:10px; background-color:green;color:white;}

＆＃13;

<div class="button-wrapper">
<p>Text over button 1</p>
<button type="button">Click here</button>
</div>
<div class="button-wrapper">
<p>Text over button 2</p>
<button type="button">Click here</button>
</div>

＆＃13;

＆＃13;

＆＃13;