How do I put reservations and package page beside each other on the page ? How d
ID: 3707866 • Letter: H
Question
How do I put reservations and package page beside each other on the page ?
How do I change the color of the words reservations and package page?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My First website</title>
<style>
body {font-family: "times new roman",Times,serif;}
* {font-style:normal !Important}
h1 {text-align:center;}
h3 {text-align;center;}
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>
<h1>Childs Play</h1>
<h3>Fun Bouncers For Kids</h3>
<br><br>
<a href="packagepage.html">packagepage</a><br>
<a href="reservationpage.html">reservations</a>
<p><img src="bouncers.jpg" height="250" width="400" alt="bouncers" class="center">
<img src="bouncers2.jpg" height="250" width="400" alt="bouncers2">
<img src="bouncers3.jpg" height="250" width="400" alt="bouncers3">
</p>
<ul>
<li>Easy to set up</li>
<li>Easy to Use</li>
<li>Safe bouncers for ages 2-11</li>
</ul>
<p>Call now: (901)555-5555</p>
<p>©Copyright 2018 Child Play. All rights reserved.</p>
</body>
</html>
Explanation / Answer
following is the code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My First website</title>
<style>
body {font-family: "times new roman",Times,serif;}
* {font-style:normal !Important}
h1 {text-align:center;}
h3 {text-align;center;}
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;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
li a {
display: block;
text-align: center;
padding: 14px 16px;
text-decoration: none;
color: green;
}
</style>
</head>
<body>
<h1>Childs Play</h1>
<h3>Fun Bouncers For Kids</h3>
<br><br>
<ul>
<li><a href="packagepage.html">packagepage</a></li>
<li><a href="reservationpage.html">reservations</a></li>
</ul>
<p><img src="bouncers.jpg" height="250" width="400" alt="bouncers" class="center">
<img src="bouncers2.jpg" height="250" width="400" alt="bouncers2">
<img src="bouncers3.jpg" height="250" width="400" alt="bouncers3">
</p>
<ul>
<li>Easy to set up</li>
<li>Easy to Use</li>
<li>Safe bouncers for ages 2-11</li>
</ul>
<p>Call now: (901)555-5555</p>
<p>©Copyright 2018 Child Play. All rights reserved.</p>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.