三个并排居中html,你如何把三个div并排放在一起然后居中？

我对CSS和HTML还很陌生，所以我需要一点帮助。我为我的tumblr博客制作了一个主题，并且我有三个主要的div，我想在同一行以及居中排列。你如何把三个div并排放在一起然后居中？

它应该是这个样子(用Photoshop编辑)：

现在它看起来是这样的：

我到处找的答案，我尝试了许多东西。几乎每个教程或一条建议都包含float：left;的东西，但没有奏效。我已有的代码有问题吗？我需要更改或添加什么？我希望图片位于中心位置，描述位于左侧，链接位于右侧。

这里是代码：

#top {

margin-left:-35px;

margin-top:30px;

}

#topimage {

width:64px;

height:64px;

border-radius:3px;

border:6px solid #fff;

background-image:url('{PortraitURL-64}');

}

#topdeschold {

width:150px;

background-color:#fff;

padding:25px;

margin