..
Write the same code in a note pad or other text editor and save it with html extention. Open the saved file on your google crome or Mozila browser to see the output.
- <html>
- <head>
- <title>Gyan Tutorial Example</title>
- </head>
- <body>
- <p>The default nature of Block elements are to follow one after one downwards unless we define it to aline a position</p>
- <div style="background-color:black;color:white;padding:20px;">
- <h2>Virat Kolhi</h2>
- <p>Virat had started his carrier in venerable situation when all other cricketers were ready to compete for the best eleven in Indian spot</br>Kolhi had reached to a position now where nobody in the world dares to compete with him</p>
- </div>
- <div style="margin:40px;width:40%;background-color:green;color:white;padding:20px;">
- <h2>Virat Kolhi</h2>
- <p>Virat had started his carrier in venerable situation when all other cricketers were ready to compete for the best eleven in Indian spot</br>Kolhi had reached to a position now where nobody in the world dares to compete with him</p>
- </div>
- <div style="margin:100px;width:30%;background-color:blue;color:white;padding:20px;">
- <h2>Virat Kolhi</h2>
- <p>Virat had started his carrier in venerable situation when all other cricketers were ready to compete for the best eleven in Indian spot</br>Kolhi had reached to a position now where nobody in the world dares to compete with him</p>
- </div>
- </body>
- </html>