我想鏈接按鈕，並把它放在右邊

Question

我需要做學校的工作。我需要鏈接按鈕並將其放在頁面的右側，但每次將鏈接或按鈕放到右側時都不起作用。

應該放什麼html代碼，以及按什麼順序讓右邊的按鈕鏈接到它。照片是我現在所擁有的。

Answer 1

您必須添加一點CSS。

Answer 2

這是一件簡單的事情 - 如上所述 - 你需要把它漂浮到正確的....但如果你漂浮的東西 - 這將對下一個元素產生影響 - 所以你還需要清除浮動。

另一件要考慮的事情是，p元素是塊級元素 - 所以會佔用整行 - 而a元素是內聯級元素 - 這意味着它不會。這就是爲什麼這樣做會導致按鈕位於上一行的p - 它位於下一行。你可以改變它 - 但需要稍微計劃一下。

只要你理解HTML的結構 - 這也可以讓你有不同的代碼結構。另外 - 我只將圖像中顯示的文字放入，因此不是整行。

另請注意，我已將CSS應用於CSS部分中的元素，而不是內聯樣式 - 這是更好的代碼結構，因爲它將HTML和CSS分開。我也在一些造型（從https://www.thoughtco.com/styling-links-with-css-3466838）中給予鏈接一個像按鈕一樣的外觀。

.button{ 
 
    float:right; 
 
    border-style: solid; 
 
    border-width : 1px 4px 4px 1px; 
 
    text-decoration : none; 
 
    padding : 4px; 
 
    color:black; 
 
    border-color : #69f #00f #00f #69f; 
 
} 
 

 
.button:hover { 
 
    border-color: black; 
 
    color: #00f ; 
 
} 
 

 
p{ 
 
    clear:both 
 
}

<a class="button" href="2.html">Next</a> 
 
<p>The most important reason of why you should remain heal</p>

Answer 3

如果你把這個HTML代碼元素：

<button><a href="http://stackoverflow.com/questions/43450852/i-want-to-link-button-and-put-it-to-the-right/43451382#">this page</a> 

你會得到這樣的：

<button><a href="http://stackoverflow.com/questions/43450852/i-want-to-link-button-and-put-it-to-the-right/43451382#">this page</a> 
 
</button>

這對你的CSS：

button { 
float: right; 
} 

你會得到這到底：

<style>button { 
 
    float: right; 
 
    } 
 
    </style> 
 
<button><a href="http://stackoverflow.com/questions/43450852/i-want-to-link-button-and-put-it-to-the-right/43451382#">this page</a> 
 
    </button>