how to default line space for br tag

I have mulitple lines texts. And I have to use <br /> to seperate the lines. for example

first line                                                    html first line <br /> second line
second line

How could I modify the first and second line space? so that I could get following lines:
first line                                                 Same html as above.

second line

CSS is prefered.
JianJunShenAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ali KayahanFull Stack DeveloperCommented:
have a look at ;
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
0
SteeleRBGCommented:
try adding in the css:

br {
   padding-bottom: 20px;
}
0
JianJunShenAuthor Commented:

The title should be how to change the default line space specific br tag. Both of mentioned above does not work.

My codes are as follows: Notice I onll need to change specific  br's default line space.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
    .paddingTop{padding-top:0.3cm;padding-bottom:0.3cm}
               p.small{line-length=90%}
      br{padding-bottom: 50px}
      .test{float:left;display:block}
      label{float:left; display:block;width:400px;}
      .testclass{float:left; display:block;width:400px;}
</style>
 
</head>
 
<body>
 
<form >
    <p class="small">
      Some heading<br/>
      
      <div class="paddingTop">
                 <div class=test><input type="checkbox" /></div><div class="testclass">Yes Please,  and not go </div><br/><br/> <!-- this two br's space should be smaller  -->
      <div class=test><input type="checkbox" /></div><div class="testclass">Text here should be ok to go onto two lines and not go under the text box</div><br/></br>
      </div>
      </p>
      some text
</form>
                                    
</body>
</html>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

JianJunShenAuthor Commented:
I finally solve by myself. I will not give you any points. Since your answer is wrong.


<html>
<head>
<title></title>
<style type="text/css">
    div.padding{padding-top:0.5cm;padding-bottom:0.5cm}
    br.small{line-height: 15px}
      .test{float:left;display:block}
      .testclass{float:left; display:block;width:400px;}
</style>
 
</head>
 
<body>
 
<form >
   
    Some heading
      <div class="padding">      
    <div class=test><input type="checkbox" /></div><div class="testclass">Yes Please,  and not go </div><br class="small"/><br class="small"/>
      <div class=test><input type="checkbox" /></div><div class="testclass">Text here should be ok to go onto two lines and not go under the text box</div><br class="small"/><br class="small"/>
    </div>
      some text
</form>
                                    
</body>
</html>
0
Eternal_StudentCommented:
Here is some code that uses less code and is more accessible [allowing users to click the label to select the box, not to mention speaking browsers support]. Also it is a little more semantically correct.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title></title>
<style type="text/css">
    div.padding{padding-top:0.5cm;padding-bottom:0.5cm}
		input{float:left; clear:left}
		label{float:left; margin-bottom:20px;}
</style>
 
</head>
 
<body>
 
<form action="">
   
    Some heading
      <div class="padding">      
    		<input type="checkbox" id="one" /><label for="one">Yes Please,  and not go</label>
      	<input type="checkbox" id="two" /><label for="two">Text here should be ok to go onto two lines and not go under the<br /> text box</label>
    	</div>
			<br style=" clear:both" />
      some text
</form>
                                    
</body>
</html>

Open in new window

0
Eternal_StudentCommented:
Actually here you go:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title></title>
<style type="text/css">
    div.padding{padding-top:0.5cm;padding-bottom:0.5cm}
		input{float:left;}
		label{float:left; margin-bottom:20px;}
</style>
 
</head>
 
<body>
 
<form action="">
   
    Some heading
      <div class="padding">      
				<input type="checkbox" id="one" /><label for="one">Yes Please,  and not go</label><br style="clear:left" />
      	<input type="checkbox" id="two" /><label for="two">Text here should be ok to go onto two lines and not go under the<br /> text box</label>
    	</div>
			<br style=" clear:both" />
      some text
</form>
                                    
</body>
</html>

Open in new window

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.