Question
Please recreate the following image below by using floats. This is a positioning exercise in css. This is the base of the code: Positioning Lab
Please recreate the following image below by using floats. This is a positioning exercise in css. This is the base of the code:
* {
margin: 0px;
padding: 0px;
}
body {
background-color: #ECECEC;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
text-align: center;
line-height: 24px;
}
#wrapper {
background-color: #FFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#red {
background-color: #900;
}
#green {
background-color: #090;
}
#blue {
background-color: #00F;
}
#purple {
background-color: #63C;
}
#footer {
background-color: #666;
}
h1 {
color: #000;
font-weight: normal;
padding: 50px;
}
Absolute 2
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started
Database Systems For Advanced Applications Dasfaa 2022 International Workshops Bdms Bdqm Gdma Iwbt Maqtds And Pmbd Virtual Event April 11 14 2022 Proceedings Lncs 13248
Authors: Uday Kiran Rage ,Vikram Goyal ,P. Krishna Reddy
1st Edition
3031112164, 978-3031112164
