各位高手，早上好！
本人学习着制作了一个如下的页面布局，
请问如何调节红圈和绿圈中的文字之间的高度距离以及与上下边的高度距离，我老是设置不好，排版出来红圈和绿圈中的文字互相差离的很开，并且它们与上下边也拉得很开，谢谢高手们指点！
代码如下：
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢

回复讨论(解决方案)
p h4 等标签有默认的margin, 这里得重置一下
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢
第三个测试代码
高清
桃姐
感动感激感谢

把p标签换成div吧，p标签不能这样和h嵌套，会生成多余的p标签来，h4会有默认的margin
无标题文档 第三个测试代码
高清
桃姐
感动感激感谢

你写的太乱了，好多标签是不用的！
html code
nbsp;html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
这个代码 加上*{ padding:0; margin:0;}
调节上下距离 p{ line-height:24px;} 用veritical-align这个……？
感谢高手们的指点，谢谢！