Html 对齐两个div'；s肩并肩

我试图将两个元素并排放置，而不是堆叠放置。我确信这是一个相当简单的修复方法，但是，由于对编码还不熟悉，我似乎无法理解它。其次，如果你注意到社交图标，我似乎不明白为什么“Twitter”图标不会确认链接。其他3个可以，但Twitter不会。顺便说一句，我的内容区域是950px宽，我希望它能覆盖整个区域。任何帮助都将不胜感激。谢谢你抽出时间

我的小提琴：

CSS

div {
background-color: #080808;
width: 950px;
padding: 10px;
margin: 5px;
}
#social a:hover {background-color: transparent;opacity:0.7;
} 
#social img { -moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover { -moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg);
}

HTML

<div><div><a href="http://s1314.photobucket.com/user/RTH13/media/RTH%20Artwork/RTHTextLogo1_zpsfd100146.png.html" target="_blank"><img src="http://i1314.photobucket.com/albums/t563/RTH13/RTH%20Artwork/RTHTextLogo1_zpsfd100146.png" border="0" alt=" photo RTHTextLogo1_zpsfd100146.png"/></a></div>

---

s有

显示：块

相邻，可以将

显示

属性设置为

内联块

。这意味着

可以相邻放置

请确保您的HTML在此页面上的格式正确-这将有助于我们帮助您。twitter图标目前缺少“a”部分，您的所有div都具有相同的宽度，并且如上所述，您的代码中存在许多错误。非常感谢各位的输入。Twitter按钮现在似乎工作正常。我很感激。还是不知道该去哪里@我向你道歉。新的编码和SO。“我会到那儿的。”我想左边就是我遇到问题的地方，我希望，这是一个了解我做错了什么的论坛。当你说“我所有的div都有相同的长度”是因为我没有指定宽度吗？如果是这样的话，我应该把宽度改成像素还是a%？我不确定该走哪条路。再次感谢您的时间。非常感谢@Ruben Rutten。请原谅我的天真，但是，我到底要把这个编码放在哪里呢？在

s或inline

style=“display:inline block；”“

Awesome”的类定义中。谢谢@Ruben Rutten。我为自己是鲁本·拉滕的痛苦而道歉。我试过了，但没有结果。如果你愿意的话，检查一下我最新的小提琴，确保我做得正确。谢谢