html - HTML + CSS - 标题标志的方式？

Question

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

• 内容 = 960px 宽度
• 网格 1 = 300 像素

960/3 = 3，剩余 60 像素。所以我为每个添加了 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; }