Align title to the center : Title section « CSS Controls « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » CSS Controls » Title section 




Align title to the center
  



<!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" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
  <style type="text/css" media="screen">
  div {
    margin: 30px;
    padding: 30px;
    border: 1px solid #ccc;
    font-size: small;
  }
  #divID {
    line-height: 1.5em;
    text-align: justify;
  }
  
  #divID h1 {
    letter-spacing: 4px;
    font-style: italic;
    text-align: center;
  }
  
  #divID .drop {
    float: left;
      font-size: 400%;
      line-height: 1em;
      margin: 4px 10px 10px 0;
      padding: 4px 10px;
      border: 2px solid #ccc;
      background: #eee;
    }
  
  </style>
</head>

<body>

<div id="divID">
<h1>This is the header</h1>

<p><span class="drop">T</span>his is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
</p>

<p>This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
This is a test. This is a test. This is a test. 
</p>

</div>

</body>
</html>

   
  














Related examples in the same category
1.Underlined title
2.Add background image to title text
3.Add no repeat icon to title text
4.Title format: font-family: Arial, sans-serif;color: #369;
5.Add border line to title text
6.Use background to highlight title text
7.Title section
8.Set line height for titled section
9.Set font family for titled section
10.Set title letter space for titled section
11.Change title font style for titled section
12.Letter drop for titled section
13.Titled section with justified alignment
14.Text transformation for title
15.Set title size to small-caps
16.Paragraph indent for titled section
17.Place contact link list to the right top
18.Adding shading to top bar
19.Top links
20.Place language selection, about and contact information on the very top of the page
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.