How do I apply Cascading Styling Sheets to format Elements? Please explain <!DOC
ID: 3706807 • Letter: H
Question
How do I apply Cascading Styling Sheets to format Elements? Please explain
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
<h1><i>Motivational Mentorship</i></h1
<h3><i>When life seems to let you down<i></h3>
<body>_
<h1><img src="background.jpeg" height="600" width="800" alt="Help"></h1>
<ul><li>alcohol dependency couseling</li>
<li>drug dependency counseling</li>
<li>suicide counseling</li></ul>
<p>When You Need Guidance, give us a call (901)555-5555</p>
<p>© Copyright 2018 Motivational Mentorship. All rights reserved.<p/>
</body>
</html>
Explanation / Answer
Following is the Code:
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
<style>
body{
color:#f4a460
}
img {
height: 600px,
width: 800px
}
div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: #f4a460;
background-color: white;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
article {
margin-left: 300px;
padding: 1em;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1><i>Motivational Mentorship</i></h1>
</header>
<hr>
<article>
<h3><i>When life seems to let you down<i></h3>
<h1><img src="background.jpeg" alt="Help"></h1>
<ul><li>alcohol dependency couseling</li>
<li>drug dependency counseling</li>
<li>suicide counseling</li></ul>
</article>
<hr>
<footer>
<p>When You Need Guidance, give us a call (901)555-5555</p>
<p>© Copyright 2018 Motivational Mentorship. All rights reserved.<p/>
</footer>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.