Created
August 21, 2022 12:16
-
-
Save fahdi/e54f59d05086ca3ee9926a850005655b to your computer and use it in GitHub Desktop.
Formatting with CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title> | |
Hello Silted - This is HTML formatting | |
</title> | |
<style type="text/css"> | |
.container { | |
width: 80%; | |
margin: 20px auto; | |
padding: 10px; | |
background-color: burlywood; | |
color: #333333; | |
} | |
p { | |
margin: 20px 0; | |
} | |
.math { | |
font-family: monospace; | |
background-color: beige; | |
padding: 10px; | |
} | |
#formatting-doc { | |
background-color: #444444; | |
color: white; | |
} | |
</style> | |
</head> | |
<body id="formatting-doc"> | |
<div class="container"> | |
<b>This is bold</b> | |
<br/> | |
<strong>This is bold</strong> | |
<br/> | |
<em> | |
This looks italic but to browser it's emphasized text! | |
</em> | |
<br/> | |
<h2>X square</h2> | |
<p class="math"> | |
x | |
<sup> | |
2 | |
</sup> | |
</p> | |
<h2>Natural Log</h2> | |
<p class="math"> | |
l | |
<sub> | |
n | |
</sub> | |
</p> | |
<h2>First One</h2> | |
<p class="math"> | |
(x + y) | |
<sup> | |
2 | |
</sup> | |
</p> | |
</div> | |
<p> | |
These roses are | |
<del> | |
red | |
</del> | |
<ins> | |
blue. | |
</ins> | |
I just want to <mark>highlight</mark> this particular text. | |
</p> | |
This is a saying by someone: | |
<blockquote cite="https://quoteinvestigator.com"> | |
You may forget what they did for you, but you'll never forget how you made them feel! | |
</blockquote> | |
<p> | |
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. | |
The <a href="https://www.un.org/en/academic-impact/" title="World Health Organization">WHO</a> was founded in 1948. | |
</p> | |
<table> | |
<tr><th>Student Name</th><th>Assignment Done?</th></tr> | |
<tr><td>Maheen I</td><td>Yes</td></tr> | |
<tr><td>Zainab S</td><td>No</td></tr> | |
<tr><td>Mehrin R</td><td>No</td></tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment