Html Div未正确居中

我有3个div，需要在网页中精确居中 以下是预期结果

但这是我能得到的结果

这是我的html

*{
填充：0px；
边际：0px；
字体系列：“Raleway”，无衬线；
字体大小：400；
}
身体{
文本对齐：居中
}
#菜单{
背景色：#03a9f4；
宽度：100%；
高度：70像素；
}
#标志{
左边距：100px；
边缘顶部：15px；
边缘底部：15px；
宽度：160px；
高度：40px；
浮动：左；
}
#右侧{
浮动：对；
边缘顶部：5px；
边缘底部：5px；
右边距：15px；
}
#剖面图{
高度：60px；
宽度：60px；
背景色：白色；
边界半径：50%；
}
#箭{
边缘底部：15px；
边缘顶部：15px；
左边距：7.5px；
}
#内容{
边缘顶部：50px；
显示：内联块；
}
.图标{
左边距：10px；
边缘顶部：20px；
边缘底部：20px；
}
#健康状况(个人资料)(标题){
浮动：左；
字体大小：50px；
颜色：白色；
字体大小：300；
左边距：20px；
边缘顶部：30px；
边缘底部：30px；
}
#短文{
左边距：42.5px；
右边距：42.5px；
}
#健康档案{
浮动：左；
}
.朗{
高度：180像素；
宽度：450px；
背景色：#0288d1；
显示：内联块；
}
.短{
高度：180像素；
宽度：225px；
背景色：#03a9f4；
左边距：20px；
显示：内联块；
}

健康状况

问题似乎是您的

#short#ico

保证金权利财产造成的；因此，在css中添加以下代码应该可以解决问题：

.short:nth-last-child(1) #short_ico {
    margin-right: 0;
}

---

您在哪个浏览器中查看此内容？在您提供的代码中，#内容居中。你的页面上肯定有其他东西在右边添加空间我正在使用最新的chrome浏览器version@henry请解释更多我不理解的问题。你能提供一个带有所需代码的答案吗