如何排列div和pre的位置？

Question

假設我有一個pre和div：

<pre>Hello</pre> 
<div>Hello</div> 

，我給他們的定位和尺寸與position: absolute，朋友們：

pre { 
    position: absolute; 
    top: 5%; 
    left: 5%; 
    right: 50%; 
    bottom: 5%; 
} 
div { 
    position: absolute; 
    top: 5%; 
    left: 50%; 
    right: 5%; 
    bottom: 5%; 
} 

然後pre下垂直啓動和更高的垂直結束。你可以看到我的意思是這個jsFiddle demo。

我怎樣才能使pre和div排隊？

Answer 1

將margin:0添加到您的pre。 （fiddle）

Answer 2

除了@佳能的回答，您可以重置全局默認值：

*{ 
    margin: 0; 
    padding: 0; 
} 

Answer 3

一些元素有默認的屬性值。在這種情況下，pre的默認頂部和底部邊距爲13px，需要重寫才能使其顯示爲您想要的樣式。

請參閱http://jsfiddle.net/K3WcC/