Set line height of a Paragraph in content section

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">


div#content p  {
  line-height:1.5;
}


</style>
</head>
<body>
<div id="container">
  <div id="header">
    <h1>My Amazing Web Site </h1>
  </div>
  <div id="wrapper">
    <div id="content">
      <h2>Contact Form</h2>
    
    <p>This is a test.</p>
    
      <p>Please fill out our form below in order to contact me. </p>
      
     <p>Note: Due to our busy schedules, we cannot answer every message.</p>
    
    </div>
  </div>
  <div id="extra">
    <h2>header</h2>
    <p>This is a text</p>
  </div>
  <div id="footer">
    <p>All rights reserved except where noted.</p>
  </div>
</div>
</body>
</html>

1.	Set width for a paragraph
2.	p min-width: 500px;
3.	p width:40em;
4.	p width: 245px;
5.	Set width and height for paragraph
6.	p line-height: 1em;
7.	p max-height: 50px;
8.	p line-height: 3em;
9.	p height: 245px;
10.	p line-height: 2.0;
11.	Paragraph with different line-height
12.	This paragraph is floated left
13.	p float:left;
14.	p float:right;
15.	p float: left;
16.	P display: block;
17.	p display:none;
18.	p overflow: visible;
19.	p overflow: auto;
20.	p overflow: scroll;
21.	p overflow: hidden;
22.	p white-space: nowrap;
23.	p white-space: pre;

Set line height of a Paragraph in content section : p layout « Tags « HTML / CSS

Related examples in the same category