CSS可以方便實現(xiàn)許多頁面效果，例如兩個元素對齊就是一種非常常見的需求。下面就讓我們來看看如何使用CSS實現(xiàn)這一效果。

input {
box-sizing: border-box;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
}
input[type="text"] {
width: 200px;
}
input[type="submit"] {
width: 80px;
background-color: #007bff;
color: #fff;
border-radius: 5px;
cursor: pointer;
}

上面的CSS代碼中，使用了box-sizing屬性將元素的padding和border計入寬度內(nèi)。我們通過給元素設(shè)置padding、border和font-size等屬性，使兩個輸入框在樣式上盡量保持一致。接著，我們通過給元素設(shè)置固定寬度，保證兩個輸入框在寬度上相等。

最后，我們?yōu)?input[type="submit"]>元素設(shè)置特定的寬度和背景色、字體顏色等屬性，使其成為一個樣式相對獨立的按鈕元素。

通過以上幾步設(shè)置，即可實現(xiàn)兩個元素在樣式上對齊。當(dāng)然，在實際應(yīng)用中，我們還需要更多的CSS設(shè)置，例如定位、布局等等。