将文本基线与CSS中的buttonalignment

我想实现这个图像中的两个路线之一： 。 如果它使事情变得简单，CSS3是好的，甚至更好。

我的主要问题是，我设法将一个包含文本的div与buttonalignment，但文本本身与div的顶部alignment而不是底部。

Answer 1

我想你以后是vertical-align: text-bottom;

http://jsfiddle.net/EQgFF/3/

Answer 2

你可以使用： line-height ！

 .box { color: #fff; background: #444; height: 40px; line-height: 40px; /* Same as height */ } 

 <p class="box">some text <input type="button" value="Button" /></p>