BizTalk Utilities CV ,   Jobs ,   Code library  
 
Home Page

CSS

CSS

CSS Contents

CSS <text-decoration> Property
CSS <text-align> Property
CSS <table-layout> Property
CSS <quotes> Property
CSS <position> Property
CSS <padding> Property
CSS <padding-top> Property
CSS <padding-right> Property
CSS <padding-left> Property
CSS <padding-bottom> Property
CSS <overflow> Property
CSS <outline> Property
CSS <outline-width> Property
CSS <outline-style> Property
CSS <outline-color> Property
CSS <min-width> Property
CSS <min-height> Property
CSS <max-width> Property
CSS <max-height> Property
CSS <marker-offset> Property
<< BizTalk
 
By :Mark Wilson
I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :03/24/2008
Times viewed :598
 

The text-indent property (CSS Reference)

Introduction

The text-indent property is used to indent only the first line of the text to right or left. You can use either the length or percentage to specify the indent. If you use a negative number then the text will be indented to left and positive causes the indentation to right.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>text-indent Demonstration</title>

<style type="text/css">

p.indentPositive

{

    text-indent: 25px;

    color:red;

}

p.indentNegative

{

    text-indent: -25px;

    color:blue;

}

</style>

</head>

<body>

<h1><p>text-indent demonstration</p></h1>

<p class="indentPositive">This is some text. We are using the text-indent property here with a positive value. More sentences

here.  More sentences here.  More sentences here.  More sentences here.  More sentences here.  More sentences here.  More

sentences here.  More sentences here.  More sentences here. </p>

<p class="indentNegative">This is some text. We are using the text-indent property here with a negative value. More sentences

here.  More sentences here.  More sentences here.  More sentences here.  More sentences here.  More sentences here.  More

sentences here.  More sentences here.  More sentences here.  More sentences here. </p>

</body>

</html>

Output

Values

Name:

Description:

length

The following values can be also used to define the length of the indent:

cm (centimeter)

em  (ems)

inch (inches)

mm (millimeters)

pc (picas)

px (pixels)

pt (points)

percentage

You can also use percentage to specify the length of the indent. You have to use the percentage sign %.

Rate this article on a scale of 1 to 10

Your vote :  

 

Recent Jobs

Software Developers Needed in Charl
Sr. Software Engineer - Analytics
Immediate Mainframe openings for Ch
Immediate TANDEM-TAL openings for C
Immediate ASP.NET/C# Openings for C

View all Jobs (Add yours)
View all CV (Add yours)

fax server
swimming pool contractor
teleconferencing
water softener
Teleconference
Host Department NOLIMIT Web Hosting
MSN
sunglasses

    Email TopXML  

Front Page Daily Stuff TopXML Forum XML blogs XML Newsgroups BizTalk Biztalk Utilities Biztalk Utilities Tutorial B2B SAP XML Microsoft .NET Dotnet System XML Soapformatter SQLXML XMLserializer XQuery PHP PHP SimpleXML PHP XML Dom PHP XML RPC PHP XSLT Java Java Java XML Xalan Microsoft ASP ASP Schemas XML SQL Server XML XMLDom XSL XSL Tutorial XSLT Stylesheets General Javascript CSS XHTML WAP