这是我的html代码：
<!DOCTYPE html>
<html>
<head>
<title>CSS Article3</title>
<link rel="stylesheet" type="text/css" href="css/article3.css">
</head>
<body>
<time datetime="2015-11-23">November 23 2015</time>
</body>
</html>
这是我的CSS代码：
time{
border: 1px solid black;
margin-top: 30px;
}
我想在此时间元素的顶部留一点空白。把它拖下来，但是不管我给多少利润，它都坐在那儿。另外，我给出的边距超出了页面顶部，而不是向下推此元素。我可以给身体填充并完成它，但是为什么我不能通过给时间元素留一个余量来做到这一点呢。
这就是inline元素的工作方式。使它成为一个block元素或使其生效的inline-block元素：
time {
display: inline-block;
margin: 30px; /** now work **/
}
https://jsfiddle.net/u9k04tv6/1/