html - 垂直居中对齐文本并将 div 并排放置

Question

我只想将我的文本相对于图片垂直对齐，并将所有内容放在行内而不是 block 状。我一直在使用固定位置和边距顶部来实现这一点，但这是非常糟糕的方法，我认为应该有更好的方法。

因为 jsFiddle 在下面，这里是其他一些与我的代码类似的网站。

http://www.cssdesk.com/muEnL

Answer 1

将子 div 设置为显示为单元格。然后使用垂直对齐属性。

http://www.cssdesk.com/zCGrb

.user-container div { display: table-cell; padding: 5px; vertical-align: middle; }

很酷的网站顺便说一句。我喜欢它随您显示 css 更改。