在同一行上缩放标题和按钮

时间:2019-07-01 18:11:56

标签: html css

我在扩展我们网站的问答部分时遇到问题。标题向左浮动,按钮向右浮动,下方有一行。当我转到移动设备时,该按钮会在标题旁边堆积起来,看上去很像。

有什么办法可以使它正确缩放?谢谢!

<p style="text-align: left;"><strong>Questions and Answers <span style="float: right;"><button target="_blank" rel="noopener noreferrer" class="aaq" onclick="window.location.href = 'example.com ';"><b>Ask a Question</b></button></span></strong></p>
<hr />

CSS:

//========== Ask a Question button ========// .aaq { border: none; background-color: #2196bb; padding: 5px 50px; font-size: 14px; cursor: pointer; display: inline-block; border-radius: 5px; color: white; }

0 个答案:

没有答案