Pages

Thursday, April 15, 2010

Workshop 6: Example of Text Alignment


Text Alignment
This example is about how you can gives alignment of your website. It’s very easy to use alignment of your paragraph.
<html>
<head>
<style type="text/css">
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</style>
</head>

<body>
<h1>CSS text-align Example</h1>
<p class="date">April, 2010</p>
<p class="main">This subject is about to learn basic function of HTML,CSS and PhP. This subject gives me a lots of idea about infrastructure development of E-systems </p>
<p><b>Note:</b> Try to resize the browser window to see how justify works.</p>
</body>

</html>

After Resize the page the output is:





Reference

http://www.w3schools.com/css/css_examples.asp

3 comments:

  1. Oh Text alignment example...I really stuck on it...but now i can use it from your POST!!!Cheesss!!!
    In the begining when i minimize my Explorer, My all font goes anywhere, but now its all good...Outstanding work!!!

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. It changed the size but not the font, amazing!
    i want to see more samples~~~

    ReplyDelete