對齊標籤的右側文本（內嵌塊）

在此示例中：http://jsfiddle.net/6L6ZL 可以對齊標籤的文本而不指定寬度大小？對齊標籤的右側文本（內嵌塊）

<html> 
<head> 
<style> 
fieldset { 
display: inline-block; 
} 

fieldset input{ 
float: right; 
} 
</style> 
</head> 
<body> 

<form> 
<fieldset> 
    <p><label>First Name</label><input type="text" /></p> 
    <p><label>Second Name</label><input type="text" /></p> 
    <p><label>Address</label><input type="text" /></p> 
    <p><label>Age</label><input type="text" /></p> 
</fieldset> 
</form> 

</body> 
</html>

來源

2012-12-05 FeKuLa

添加text-align:right;到<p>元素。

來源

2012-12-05 15:28:10

這按預期工作 - http://jsfiddle.net/6L6ZL/1/。 – lifetimes

謝謝你們。 – FeKuLa

對齊標籤的右側文本（內嵌塊）

回答

相關問題