Prev Demo
CSS3
>
Letter-Spacing Property
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> .S { letter-spacing: normal; } .N { letter-spacing: 2px; } .I { letter-spacing: -2px; } .T { letter-spacing: 0px; } </style> <h5>Paragraph with normal letter spacing.</h5> <p class="S"> Mr. Sheo Narayan is a software professional since 2000. </p> <hr /> <h5>Paragraph with '2px' letter spacing.</h5> <p class="N"> Mr. Sheo Narayan is a software professional since 2000. </p> <hr /> <h5>Paragraph with '-2px' letter spacing.</h5> <p class="I"> Mr. Sheo Narayan is a software professional since 2000. </p> <hr /> <h5>Paragraph with '0px' letter spacing.</h5> <p class="T"> Mr. Sheo Narayan is a software professional since 2000. </p> <br /> <strong>'0px' and 'normal' gives the same result.</strong> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
