垂直对齐2个并排自动宽度DIV的内容

Question

我已经尝试过各种html元素和CSS的组合，以使其工作无济于事。我如何完成以下任务？

我有两个并排的DIV，我想根据其内容的宽度自动调整大小（使用“display：inline-block”）。然后，我希望每个DIV的内容对齐到DIV的顶部（默认情况下，内容是底部对齐的）。内容是许多标签（跨度）和文本（数据库数据）。此外，这两个DIV应保留在页面左侧另一个DIV的右侧，即菜单。

MENU      AUTO            ANOTHER
FIXED     WIDTH           COLUMN (DIV)
WIDTH     DIV             ALSO
DIV       ACCORDING       AUTO
          TO              SIZED
          CONTENTS        TOP-ALIGNED
          TOP-ALIGNED     CONTENTS
          CONTENTS        SOME
          SOME            PADDING
          PADDING TO      TO MY LEFT
          MY LEFT AND     AND RIGHT
          RIGHT

Answer 1

你必须vertical-align:top父（列）div，以及内部的span。 display:inline-block使宽度和高度变为自动（如内联元素），正如您所说的默认垂直对齐是基线。

http://jsfiddle.net/EjdUf/1/