Html 导航栏内的垂直对齐文本

编辑：问题解决了

我无法将右侧的两个菜单选项与左侧的主

标题垂直对齐。我希望两行文字的底部彼此齐平

jsfiddle：


像这样：


此刻他们是这样坐着的：

给出
*{box size:border box；}
解决了您的问题：


或者，如果您不想按照的建议将其分配给所有元素，您可以这样分配：

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

小提琴：

注意：这是由于不正确使用了
宽度
和长方体模型属性造成的问题。你需要小心选择那些

这是一个小示例，用于了解长方体模型的工作原理：



（来源：）
您想在“spray city”下列出“interact”和“photo”吗？请明确说明您的观点，这样我们就不会把您的问题读三遍，仍然不理解它。寻求调试帮助的问题（“此代码为什么不起作用？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中重现它所需的最短代码。注意-请不要滥用代码块来规避此要求。嗨，伙计们，很抱歉问题不清楚，我希望导航栏中所有文本的底部对齐，而不是当前的对齐方式-右侧两个菜单选项的底部高于左侧标题的底部。（图像和右侧选项之间的间距大于图像和左侧标题之间的间距）。这有点过分了。只要给
div.image
和
div.image img
那个属性和值。@klaar请查看更新后的答案。当然可以，但是更多关于何时选择这样做以及何时决定不好的信息会更好。仅仅写指令并不是正确地教人的方法。但这正是我的观点@klaar给我一些时间发布解释，伙计。我不知道在这里工作的方式，所以：放一个框架答案，除了最小值之外几乎什么都不包含，然后扩展它以获得吸引力。现在我知道了，谢谢你指出这一点。