Question: I'm using a linked style sheet for the CSS (see code below). I just need help with the instruction below. Instruction: Float your graphic so
I'm using a linked style sheet for the CSS (see code below). I just need help with the instruction below.
Instruction: Float your graphic so it is on the right of your paragraph and your paragraph wraps around your image.
HTML:
Jonathan Altman
Advanced CSS Web Page
Home Page
University at Buffalo - Spring 2018
My name is Jonathan Altman, and I am a junior at University at Buffalo. My major is mechanical and aerospace engineering.
I grew up in a suburb of New York City.
I have been a lifeguard and my current job is a barista at Starbucks. I grew up with a dog and a cat. My
hobbies include baseball, fishing, and bicycle riding.
Hello world!
Create a Set of Cascading Style Sheet (CSS) Web Pages
Inline CSS
Create a Set of Cascading Style Sheet (CSS) Web Pages
Embedded CSS
Create a Set of Cascading Style Sheet (CSS) Web Pages
External CSS
Create a CSS-styled Table Page
Table
Create an HTML5/CSS3 Compliant Home Page
HTML5/CSS3 Compliant
Modify Home Page to Use DIVs
index_old
Create an Advanced CSS Web Page
Create an Advanced CSS Web Page
Create an HTML5 Form Page
soon
Create a Multimedia Web Site
soon
Create a JavaScript Web Page
soon
Use JavaScript to Validate Your Web Form
soon
Create a Final "Wow Me!" Web Site
soon
Linked style sheet:
div#topdiv {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
color: #CCC;
background: #333;
padding: 0px;
text-align: center;
height: 50px;
}
.h {
color: lightblue;
font-size: 8px;
}
.hdr {
width: 100%;
height: 15%;
background-color: blueviolet;
color: maroon;
margin-top: 10px;
position: absolute;
top: 40px;
left: 0px;
}
.marquee {
background-color: maroon;
color: white;
width: 100%;
}
.home {
float: center;
color:blueviolet;
font-size: 20px;
position: absolute;
right: 50%;
top: 160px;
}
.bold {
position: absolute;
top: 30%;
right: 30%;
}
a {
width: 100%;
height: 30%;
color: purple;
margin-top: -20px;
}
nav {
float: left;
max-width: 100%;
margin: 0;
padding: 1em;
}
nav div {
list-style-type: none;
padding: 0;
}
body1 {
background: #ccc;
margin: 44px 0px 0px 0px;
text-align: center;
}
.par {
font-family: Verdana, serif;
position: absolute;
bottom: 48%;
color: blue;
}
.pic {
height: 50px;
width: 50px;
border: 3px solid;
border-color: blue;
float: right;
bottom: 48%;
}
.assignments {
position: absolute;
bottom: 115px;
}
.hw {
position: absolute;
top: 35%;
}
div#bottomdiv {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
color: #CCC;
background: #333;
padding: 8px;
text-align: center;
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help