Tuesday 27 September 2011

Membuat Text Indent di CSS

Posted by admin at 02:07 | Tuesday 27 September 2011 | 1 comments
Labels:


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:

ns.almuflikhun said...

makasih mas..cukup membantu

11 October 2013 at 05:02

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

Post a Comment

Subscribe to: Post Comments (Atom)
 

turorial terbaru

CSS Tutorial : tutorial 1 turorial 2 tutorial 3 tutorial 4 tutorial 5
Copyright 2011. w3-id.blogspot.com. | Template by o-om.com - zoomtemplate.com