引導標籤旁邊的按鈕，但應該高於它

Question

我想我的註冊按鈕，在標籤下，但它的旁邊來了吧..

<span class="label label-info">No account yet?</span> 
<button id = "registerBtn" type="button" class="btn btn-default" onclick="window.location.href='/register/'">Register now!</button> 

而且它現在看起來是這樣的權利 -

我想要它，所以立即註冊！按鈕在標籤下。

Answer 1

span s是內嵌元素。您可以將其更改爲塊元素，例如div，或者您可以在它們之間插入一個br以將其強制到下一行。

如果這是一個引導形式，那麼您需要包含所有周圍的標記以獲得更好的答案。

Answer 2

span默認爲inline。如果將其更改爲block，它將按您的要求工作：

span.label-info { 
    display: block; 
}