Skip to content

Instantly share code, notes, and snippets.

@saipraveen-a

saipraveen-a/fix-index.html

Created October 13, 2020 12:37
Show Gist options
  • Save saipraveen-a/75b41e5c64d78f2847d638e4656d984f to your computer and use it in GitHub Desktop.
Save saipraveen-a/75b41e5c64d78f2847d638e4656d984f to your computer and use it in GitHub Desktop.
Download ZIP
HTML & CSS Challenges - External Style Sheet
Raw
fix-index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>CSS Challenge - Move to External Stylesheet</title>
</head>
<body>
<h1>The Header</h1>
<p style="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
</body>
</html>
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>CSS Challenge - Move to External Stylesheet</title>
</head>
<body>
<h1 style="font-size: 60px; padding-bottom: 10px; border-bottom: 2px solid black; margin: 30px auto; width: 500px; text-align: center;">The Header</h1>
<p style="width: 500px; margin: 30px auto; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
</body>
</html>
Raw
style.css
h1 {
font-size: 60px;
padding-bottom: 10px;
border-bottom: 2px solid black;
margin: 30px auto;
width: 500px;
text-align: center;
}
p {
width: 500px;
margin: 30px auto;
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment