Tuesday, 27 September 2011

Membuat Text Indent di CSS

| Tuesday, 27 September 2011 | 1 comments


Membuat Text Indent



Pada bagian awal paragraf biasanya terdapat text indent atau teks yang agak menjorok ke
dalam paragraf dalam jarak tertentu. Berikut ini adalah properti yang digunakan untuk
mengaturnya:

text-indent : jarak;

Contoh:

<!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>
<title>CSS Guide</title>

<style type="text/css">

p {
    text-indent : 40px;
  }

</style>
</head>

<body>

<h1>Ini Judul Heading</h1>

<p>Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.
Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.
Ini adalah paragraf 1. </p>

<p>Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2.
Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.
Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.
Ini adalah paragraf 2. Ini adalah paragraf 2. </p>

</body>
</html>

1 comments:

Nanang Sulistiawan said...

makasih mas..cukup membantu

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Copyright 2011. w3-id.blogspot.com. | Template by o-om.com - zoomtemplate.com