如何使用CSS对齐元素?

如何使用CSS对齐元素?,css,html,html5boilerplate,Css,Html,Html5boilerplate,我试图在同一行上显示箭头和图像。我如何做到这一点?(我正在使用HTML5样板) 我需要的是: 我现在所拥有的: 当前代码: HTML: CSS: 链接栏{ 宽度:90%; 左边距:自动; 右边距:自动; 明确:两者皆有; } #linkbarinternal{ 边框顶部:2个实心#aa0000; 边框底部:2个实心#aa0000; 宽度:500px; 溢出:隐藏; 空白:nowrap; } #linkbar ul,#linkbar li{ 显示:内联; 填充:0px;

我试图在同一行上显示箭头和图像。我如何做到这一点?(我正在使用HTML5样板)

我需要的是:

我现在所拥有的:

当前代码: HTML:

CSS: 链接栏{ 宽度:90%; 左边距:自动; 右边距:自动; 明确:两者皆有; } #linkbarinternal{ 边框顶部:2个实心#aa0000; 边框底部:2个实心#aa0000; 宽度:500px; 溢出:隐藏; 空白:nowrap; } #linkbar ul,#linkbar li{ 显示:内联; 填充:0px; }
  • 框大小:边框框
  • 您可能需要删除元素周围的空白,以使这些紧密配合正确
  • #linkbarinternal需要有
    显示:内联块

  • 您还必须处理边距、填充和/或元素高度。

    您是否尝试过
    溢出:隐藏?为溢出设置linkbarinternal的宽度:隐藏以工作。@SamR。是的,似乎不会影响对齐问题。也许我遗漏了什么?@ChristopherMarshall它在chrome和firefox上都没有明确设置宽度。我现在定了一个,谢谢。另外,我不知道盒子大小,谢谢你的新信息!