2011-05-30 19 views
0

怎么可能加入RamblingSoul的div和它的描述,以便它们之间的绿色被删除,并且两个div加入到一起..?怎么可能加入RamblingSoul的div及其描述?

切片

<style type="text/css"> 
html,body{ 
     margin:0px; 
     padding:0px; 
     width:100%; 
     height:100%; 

    } 
div#wrapper{  
     margin:0px; 
     padding:0px; 
     width:100%; 
     height:100%; 
     line-height:normal; 
     border:#000 thin dotted; 
     background-color:#FF3; 
     font-size:10px; 
     line-height:1.5px; 
    } 

div#wrapper div#header{ 
     width:100%; 
     height:30%; 
     border:#000 thin dotted; 

    } 


div#wrapper div#body{ 
     width:100%; 
     height:50%; 
     border:#000 thin dotted; 
     background-color:#096; 
    } 

div#wrapper div#footer{ 
     width:100%; 
     height:20.0%; 
     border:#000 thin dotted; 

    } 



div#wrapper div#header div#hlogo{ 
     width:25%; 
     height:80%; 
     //border:#000 thin dotted; 
     border:#930 medium groove; 
     //float:left; 
     margin:0px ; 

     background-color:#096; 


    } 

div#wrapper div#header div#hdesign{ 
     width:100%; 
     height:100%; 
     border:#000 thin dotted; 
     //float:left; 
     margin:0px 250px; 
    } 

div#wrapper div#header div#hTestimonial{ 
     //width:40%; 

     width:30%; 
     height:100%; 
     border:#000 thin dotted; 
     float:right; 

    } 

div#wrapper div#header div#hlogo div#Logoheader{ 
     font-size:16px; 
     font-weight:bold; 
     background-color:#F6F; 
     text-align:center; 
     height:20px; 
    } 

div#wrapper div#header div#hlogo div#Logodesc{ 
     font-size:10px; 
     height:20px; 
     background-color:#F90; 

    } 

</style> 
</head> 

<body> 
<div id="wrapper"> 
    <div id="header"> 
     <div id="hlogo"> 


        <div id="Logoheader">RamblingSoul</div> 
        <div id="Logodesc"> 
         <p> A Free CSS Template From </p> 
         <p>RamblingSoul</p> 
        </div> 


     </div> 
     <div id="hdesign"> 

     </div> 
     <div id="hTestimonial"> 

     </div> 
    </div> 
    <div id="body"> 
    </div> 
    <div id="footer"> 
    </div> 
</div> 
</body> 
</html> 

回答

1

添加

div#Logodesc>p:first-child 
{ 
margin-top: 0px; 
} 

其他一些调整,也是为了!像行高:1.5