Changing the line height of the paragraph

Page 1 of 1

[ 1 post ]

Author

Code Snippet

msi_333

Code subject: Changing the line height of the paragraph

Posted: Thu Feb 23, 2012 1:12 am

Joined: Tue Mar 27, 2007 10:55 pm
Posts: 2279
Location: Earth
Has thanked: 39 time
Have thanks: 61 time

In this example we change the line height of the paragraph (p tag) , using CSS attribute line-height.

Code:

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>line-height of paragraph </title>
<style type='text/css'>
p {
    
    background: #B2B3F2;
    padding: 3px;
    font: 14px sans-serif;
    border: 1px dashed green;
    line-height: 50px;
   
    
}
</style>


    </head>
    <body>
        <p>
           This example we control the line height of the paragraph<br/> 
           tag using the CSS attribute line-height.
        </p>
       
    </body>
</html>
 

_________________
Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )

Page 1 of 1

[ 1 post ]

Similar topics
Change the text indent in the paragraph
Change the margin and padding of paragraph
Change the word spacing in paragraph
Setting maximum height of paragraph -P tag
change background of the paragraph
Control HR tag width and height
draw a horizontal line in your html page
Changing the color and properties of the header tag
start a new line in html
enlarge first letter in html paragraph

Codemiles.com » General Topics Forums » Code library » HTML codes » HTML examples

All times are UTC [ DST ]

Users browsing similar codes

Users browsing this forum: No registered users and 1 guest

Jump to:

Previous Code Snippet | Next Code Snippet