我的<div>坚持到角落</div>

Question

以下是#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，它也会粘在角落里。

我做错了什么？

Answer 1

变化

  

display：table-cell;

到

  

display：block;

这将解决问题。