导航栏中的垂直对齐文本

Question

编辑：问题解决了

我无法将右侧的两个菜单选项与左侧的主heading垂直对齐。我希望两行文字的底部相互齐平。

jsfiddle ：

http://jsfiddle.net/f1pant3a/

喜欢这样：

目前他们就像这样坐着：

Answer 1

给* {box-sizing: border-box;}解决您的问题：

或者，如果您不想按照klaar的建议将其提供给所有元素，则可以这样做：

img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

小提琴：http://jsfiddle.net/f1pant3a/5/

  

注意： 这是width和盒子模型属性使用不当的问题。你需要小心选择那些。

这将是了解盒子模型如何工作的一个小例子：

http://blog.teamtreehouse.com/wp-content/uploads/2014/06/box-model-illustration.png