Practice exercises CHAPTER 5 249
- After the aside style rule, add a style rule for the
- After the footer style rule, add a style rule for the element whose id is container.
The purpose of this style is to ensure that the float: left styles you’ve added don’t wrap
when the browser window is resized to a small size.
- Set the minimum width to 800 pixels as follows.
#container {
min-width: 800px;
}
- In the existing style rule for the calculator
element, change the height and width
to 400 pixels as follows.
#calculator {
border: solid;
background-color: hsl(255, 100%, 60%);
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}
- In the existing style rule for the input button, change the font size to 20 point as
follows.
input, button {
font-family: Arial;
font-size: 20pt;
border-width: thick;
border-color: hsl(255, 100%, 100%);
margin: 5px;
}
The following is the completed style sheet for your reference.
* { margin : 0; padding : 0; }
aside, footer, header, hgroup, nav {
display: block;
} - Set the minimum width to 800 pixels as follows.