HTML + CSS - 标题中的标题？

Question

所以我试图制作这些网格，它应该适合。

• 内容= 960px宽度
• Grid1 = 300px

960/3 = 3，剩余60px。所以我为每个增加了10px的保证金，在每个之间创造了20px的保证金，使其保证金为60px。

好吧，它不是每行3列。看：

• http://gyazo.com/5fd8e890a741a9b7977f5762dd9c8a79

代码 - CSS

.grid1, .grid2, .grid3 {
float: left;
margin: 10px;} 

.grid1 {width:300px;}

所以我将宽度设为250px，现在看看：

• http://gyazo.com/4c76187396d52cfdaa287e3577972fdd

所以看起来徽标正在向下伸展（徽标是h1）：

徽标代码 - CSS

h1 { font-size: 48px; }
.orangeText {
color: #d5a72b;
}

.bigShadow { text-shadow: 1px 1px 3px #000; }
.logo { float: left; }