css.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="external.css"/>
  </head>
  <body>
    <h1>My First CSS Example</h1>
    <p>This is a paragraph.</p>

    <div class="center">
      <h1 >Red and center-aligned heading</h1>
      <p >Red and center-aligned paragraph.</p>
  
    </div>
   
    <p id="para1">Hello World!</p>
    <p>This paragraph is not affected by the style.</p>

    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ol>

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ul>

    <h1 style="color: blue; text-align: center">This is a heading</h1>
    <p style="color: red">This is a paragraph.</p>


    <div id="margin_example">This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>

    <div id="padding_example">This div element has a top padding of 50px, a right padding of 30px, a bottom padding of 50px, and a left padding of 80px.</div>
  
  
    <!--centering items from here on-->
    <ol id="center_table">
      <li>Table</li>
      <li>Chair</li>
      <li>Bed</li>
    </ol>


    <!--Flex box horizontal-->

    <div class="center_vertical_flex_box">

      <h1 style="color: blue;">This is a heading</h1>
      <h1 style="color: blue; "">This is a heading</h1>
      <h1 style="color: blue; ">This is a heading</h1>

    </div>
  </body>
</html>
first commit 2023-10-27 15:44:45 +05:30			`<!DOCTYPE html>`
			`<html>`
			`<head>`
new changes 2023-10-30 14:00:03 +05:30			`<link rel="stylesheet" href="external.css"/>`
first commit 2023-10-27 15:44:45 +05:30			`</head>`
			`<body>`
			`<h1>My First CSS Example</h1>`
			`<p>This is a paragraph.</p>`

new changes 2023-10-30 14:00:03 +05:30			`<div class="center">`
			`<h1 >Red and center-aligned heading</h1>`
			`<p >Red and center-aligned paragraph.</p>`

			`</div>`

first commit 2023-10-27 15:44:45 +05:30			`<p id="para1">Hello World!</p>`
			`<p>This paragraph is not affected by the style.</p>`

			`<ol>`
			`<li>Coffee</li>`
			`<li>Tea</li>`
			`<li>Coca Cola</li>`
			`</ol>`

			`<ul>`
			`<li>Coffee</li>`
			`<li>Tea</li>`
			`<li>Coca Cola</li>`
			`</ul>`

			`<h1 style="color: blue; text-align: center">This is a heading</h1>`
			`<p style="color: red">This is a paragraph.</p>`


			`<div id="margin_example">This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>`

			`<div id="padding_example">This div element has a top padding of 50px, a right padding of 30px, a bottom padding of 50px, and a left padding of 80px.</div>`


			`<!--centering items from here on-->`
			`<ol id="center_table">`
			`<li>Table</li>`
			`<li>Chair</li>`
			`<li>Bed</li>`
			`</ol>`


			`<!--Flex box horizontal-->`

new changes 2023-10-30 14:00:03 +05:30			`<div class="center_vertical_flex_box">`
first commit 2023-10-27 15:44:45 +05:30
			`<h1 style="color: blue;">This is a heading</h1>`
			`<h1 style="color: blue; "">This is a heading</h1>`
			`<h1 style="color: blue; ">This is a heading</h1>`

			`</div>`
			`</body>`
			`</html>`