震惊了，两段代码一模一样，到浏览器里却不一样

两段代码：

<div class="mdui-appbar mdui-color-indigo">
	<div class="mdui-toolbar mdui-color-theme">
		<a href="javascript:history.go(-1);" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
		<a href="javascript:;" class="mdui-typo-headline">P<?=$data[0]?></a>
		<div class="mdui-toolbar-spacer"></div>
	</div>
</div>

<div class="mdui-appbar mdui-color-indigo">
	<div class="mdui-toolbar mdui-color-theme">
		<a href="javascript:history.go(-1);" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
		<a href="javascript:;" class="mdui-typo-headline">P<?=$data[0]?></a>
		<div class="mdui-toolbar-spacer"></div>
	</div>
</div>

一个顶上有1em大小的留白，一个没有