请问如何调节这个布局的文字上下高度，谢谢！_html/css_WEB-ITnose

各位高手，早上好！

本人学习着制作了一个如下的页面布局，

请问如何调节红圈和绿圈中的文字之间的高度距离以及与上下边的高度距离，我老是设置不好，排版出来红圈和绿圈中的文字互相差离的很开，并且它们与上下边也拉得很开，谢谢高手们指点！

代码如下：

  
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
  
  
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
  

回复讨论(解决方案)

p h4 等标签有默认的margin, 这里得重置一下

  
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
  
  
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
    
 
第三个测试代码
高清
桃姐
感动感激感谢
  

把p标签换成div吧，p标签不能这样和h嵌套，会生成多余的p标签来，h4会有默认的margin

  
    
                       
第三个测试代码
            
高清
        
            桃姐            
      
感动感激感谢
      
    
    

你写的太乱了，好多标签是不用的！

HTML code




这个代码 加上*{ padding:0; margin:0;}
调节上下距离 p{ line-height:24px;}

用veritical-align这个……？

感谢高手们的指点，谢谢！