导航栏中的垂直对齐文本

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;
}

Fiddle: http://jsfiddle.net/f1pant3a/5/

Note: This is an issue with improper use of width and box model properties. You need to be careful in selecting those.

这将是了解盒子模型工作原理的小插图：

_{（来源：teamtreehouse.com）}