Jump to content
Killersites Forums

How to add space between two lines in HTML and CSS?


Recommended Posts

<!DOCTYPE html> 
div.a { 
  line-height: normal; 
div.b { 
  line-height: 1.6; 
div.c { 
  line-height: 80%; 
div.d { 
  line-height: 200%; 
<h1>The line-height Property</h1> 
<h2>line-height: normal (default):</h2> 
<div class="a">This is a paragraph with a standard line-height.<br> 
The standard line height in most browsers is about 110% to 120%.</div> 
<h2>line-height: 1.6 (recommended):</h2> 
<div class="b">This is a paragraph with the recommended line-height.<br> 
The line height is here set to 1.6. This is a unitless value;<br> 
meaning that the line height will be relative to the font size.</div> 
<h2>line-height: 80%:</h2> 
<div class="c">This is a paragraph with a smaller line-height.<br> 
The line height is here set to 80%.</div> 
<h2>line-height: 200%:</h2> 
<div class="d">This is a paragraph with a bigger line-height.<br> 
The line height is here set to 200%.</div> 


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...