在網頁設計中，CSS控件與文字之間的對齊通常是一個重點問題。在本文中，我們將討論如何使用CSS實現這種對齊。

button {
font-size: 16px;
padding: 10px 20px;
text-align: center;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
}

對于大多數控件，包括按鈕、下拉框和文本框，我們可以使用CSS中的text-align屬性指定文字向左、居中或向右對齊。例如，上面的CSS代碼將按鈕文本居中對齊。

input[type=text] {
font-size: 16px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
label {
display: inline-block;
width: 100px;
text-align: right;
}

對于表單元素，如文本框和標簽，我們通常使用CSS來設置元素的大小和位置。在此示例中，我們使用text-align屬性將標簽文本向右對齊，以便在表單中對齊。

總而言之，在設計網頁時，CSS對控件與文本對齊非常重要。通過使用text-align屬性和其他布局屬性，我們可以輕松地將元素對齊并創建美觀的頁面布局。