P width: 600px; text-align: justify; : p text « Tags « HTML / CSS






P width: 600px; text-align: justify;

    

<!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>
<meta name="generator" content="HTML Tidy for Mac OS X (vers 1st December 2004), see www.w3.org" />
<title></title>
<style type="text/css">
P {
 width: 600px;
 text-align: justify;
}

</style>
</head>

<body>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.</p>

<p>Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue.</p>
  
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.p text-indent: 37%;
2.p text-indent: 2.5em;
3.p text-indent: -5em; text-indent: -60px; text-indent: -60px;
4.p text-indent: -5em;
5.P text-align: justify
6.Use style to hide text
7.Text is larger than wrapper box
8.Text is large, bold, and aligned at the baseline. Subsequent lines are not indented.
9.p text-decoration: underline;
10.p text-decoration: overline;
11.p text-decoration: line-through;
12.p text-decoration: blink;
13.p text-transform: none;
14.p text-transform: capitalize;
15.p text-transform: uppercase;
16.p text-transform: lowercase;
17.p text-align: right;
18.p text-align: center;
19.p text-align: justify;
20.p {text-align: left;text-align: right;text-align: center;
21.p text-indent: 25px;
22.p text-indent: 10%;
23.p text-indent: -15px;
24.p text-align: left;
25.p text-indent:3em;
26.Paragraph text is black and in 12pt font
27.Paragraph wraps text
28.text align to left
29.text-align:left, center, right
30.text-align: right;
31.text-align: left;
32.text-align: center;
33.Set text align to justify
34.Set text align to center
35.Text alignment: center, left and justify