css - 我的<div>贴在拐 Angular 处

这是我有关#blogtitle元素的代码：

#blogtitle{
 width: 125px;
 height: 150px;
 background: #883322;
 font-family: Georgia;
 font-size: 1.5em;
 display: table-cell;
 vertical-align: middle;
 padding-left: 25px;
 margin: 10px;
}

#blogtitle a{
 color: #ffffff;
 text-decoration: none;
}

#blogtitle a:hover{
 text-decoration: underline;
}

...

<div id="blogtitle">
 <a href="#">fdsfdj</a>
</div>

当我制作一个仅带div和a的网页时，即使我设置了margin: 10px，它也会粘在角落。

我究竟做错了什么？

最佳答案

更改


  显示：表格单元格；


至


  显示：块；


这样可以解决问题。