Html 添加在第一个CSS多列顶部的空行

我使用的是CSS列，但似乎有一个问题，文本的开头在顶部有一个额外的空间，使得后面的第二列和第三列看起来比第一列高

我觉得我的一切都很基本。我已经尝试删除h2的空白底部，但这似乎没有影响列。所以我把h2放在它自己的div中，但这也不会影响它们。奇怪的是，它在DreamWeaver中看起来很好，但在服务器上直播时就不行了。 在Safari、FireFox和Opera中似乎都是如此。我没有Chrome或IE

以下是指向该网站的链接，您可以查看：

以下是与列一起使用的CSS：

h2 {
    font-weight: 300;
    margin-bottom: -.5%;
    font-color: #003;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
div.text {
    margin: 2% auto;
    max-width: 900px;
}
div.texthead {
    margin: 0 auto;
}
div.col {
  -webkit-column-count: 3;
  -webkit-column-gap: 1%; /* Saf3, Chrome*/
  -moz-column-count: 3;   
  -moz-column-gap: 1%; /* FF3.5+ */
  column-count: 3;        
  column-gap: 1%; /* Opera 11+*/
  text-align: left;
}

下面是内容的HTML：

<div class="texthead">
<h2>Academics: Not Just Books</h2>
</div>

<div class="text">
<div class="col"><p>Coast Middle School is a community of active learners working in concert for the development of individual success and self-esteem. It employs a comprehensive curriculum that seeks to develop the whole child--intellectually, physically, spiritually, socially, aesthetically, and emotionally. Teachers and students in Coast Middle School hold themselves and each other to the highest expectations. The Middle School academically challenges its students in foreign language, math, social studies, language arts, and science, while at the same nurturing emotional and creative development through our acclaimed fine arts and athletic programs.</p>

<p>Coast Middle School is developmentally responsive to the needs of its students. The Middle School provides the students with teachers and specialized professionals who are readily available to offer the assistance students need in negotiating their lives, both in and out of school. As a complement to their academic classes, students discuss issues relevant to their lives through our comprehensive character education and guidance curriculum. The student-led vestry program allows the students to develop a sense of leadership and responsibility as they aid the chaplain in the development of chapel messages.</p>

<p>Coast Middle School seeks to conceptualize and promote the healthy growth of young adolescents as ethical citizens and increasingly competent, self-sufficient young people who are optimistic about the future. To achieve these goals the Middle School is structured on a team concept. Each grade level is split into two teams--blue and white, representing our school colors--consisting of four academic core classes. Coast Middle School believes academic success and personal growth increase markedly when young adolescents' affective needs are met. Therefore, all adults in the Middle School are advocates, advisors, and mentors for each student. Each team works together on service-learning activities and experiential learning opportunities.</p>

<p>Coast Middle School feels strongly that the most successful learning strategies are ones that involve each student personally. Therefore, we offer after-school tutorials so students can get personalized help with homework or as preparation for a test or quiz. Other after-school possibilities include intramurals, clubs, and an Extended Day Program, which runs until 6:00 p.m. Students are also encouraged to participate on school athletic teams. Students in both grades can participate in drama performances.</p>

<p>Coast Middle School is also actively invested in the impact media and digital activities have on our students’ lives. Students in both grades participate in a Digital Citizenship curriculum provided by Common Sense Media, which encourages them to be safe, responsible, and savvy citizens of the digital world.</p>

<p><strong>Seventh Grade:</strong> While enjoying a similar daily schedule in seventh grade, the students make a choice from four languages (Chinese, French, Latin, or Spanish) for daily study. Additionally they choose one elective (see course descriptions). The seventh grade takes a class trip to Washington, D.C. Each of the three sports seasons includes at least one no-cut sport.</p>

<p><strong>Eighth Grade:</strong> The daily class schedule includes civics, physical science, algebra or geometry, and English. Interdisciplinary activities include Mock Congress and a social issues research project. All classes emphasize critical and creative thinking. The focus of this grade is leadership training and service learning, as well as preparation to move successfully into the Upper School. The eighth grade travels to New York City in the spring.</p>

<p>Students in both grades have a morning fruit break and break for a brief recess to socialize and develop friendships that are vital in the development of a young adolescent. Band, chorus, and orchestra are offered in bith grades, along with visual and theater arts opportunities.</p>
</div>

学者：不仅仅是书
海岸中学是一个由积极学习者组成的社区，致力于个人成功和自尊的发展。它采用了一套全面的课程，旨在培养整个孩子的智力、身体、精神、社交、审美和情感。海岸中学的老师和学生对自己和彼此都抱有最高的期望。这所中学在外语、数学、社会研究、语言艺术和科学方面对学生进行学术挑战，同时通过我们备受赞誉的美术和体育项目培养学生的情感和创造性发展

海岸中学在发展上对学生的需求做出了反应。中学为学生提供教师和专业人员，他们随时可以提供学生在校内和校外谈判生活所需的帮助。作为对学术课程的补充，学生们通过我们全面的性格教育和指导课程讨论与其生活相关的问题。学生主导的法衣课程让学生在帮助牧师发展教堂信息的过程中培养领导意识和责任感

海岸中学致力于将青少年概念化并促进其健康成长，使其成为有道德的公民，成为对未来持乐观态度的越来越有能力、自给自足的年轻人。为了实现这些目标，中学建立在团队理念的基础上。每个年级分成两个小组——蓝色和白色，代表我们学校的颜色——由四个学术核心班组成。海岸中学认为，当青少年的情感需求得到满足时，学业成功和个人成长会显著提高。因此，中学的所有成年人都是每个学生的倡导者、顾问和导师。每个团队共同开展服务学习活动和体验学习机会

海岸中学强烈认为，最成功的学习策略是让每个学生都参与其中的策略。因此，我们提供课后辅导，让学生可以获得个性化的家庭作业帮助，或为考试或测验做准备。其他课余活动包括校内活动、俱乐部和延长日活动，该活动持续到下午6:00。还鼓励学生参加学校运动队。两个年级的学生都可以参加戏剧表演

海岸中学还积极投资于媒体和数字活动对学生生活的影响。两个年级的学生都参加了由常识媒体提供的数字公民课程，该课程鼓励他们成为数字世界中安全、负责和精明的公民

七年级：在七年级享受类似的日常学习计划的同时，学生们从四种语言（汉语、法语、拉丁语或西班牙语）中进行日常学习选择。此外，他们选择一门选修课（见课程描述）。七年级的学生要到华盛顿特区进行一次班级旅行。三个运动季中的每一季都至少包括一项无限制运动

八年级：每天的课程安排包括公民、物理科学、代数或几何和英语。跨学科活动包括模拟大会和社会问题研究项目。所有课程都强调批判性和创造性思维。该年级的重点是领导力培训和服务学习，以及成功升入高中的准备。八年级学生在春天前往纽约市

两个年级的学生都有一个上午的水果休息时间和一个短暂的休息时间，以社交和发展友谊，这对青少年的发展至关重要。乐队、合唱团和管弦乐队都有比思等级，还有视觉和戏剧艺术的机会

我认为将此添加到css中可以解决问题：

div.col p{
    margin-top:0px;
}

---

成功了！非常感谢你！