HTML and CSS Reference
In-Depth Information
1.
Undo the changes made for the Fake Table Cells technique both in index.html and styles.css.
2.
In styles.css, add the following declarations to the
.showcase .button
rule set:
bottom: 0;
left: 0;
right: 0;
height: 16px;
margin: auto;
width: 148px;
As shown in Figure 9-22, this technique is much easier than the Fake Table Cells technique and works in a way
more desirable for the product showcase.
Figure 9-22
The showcase button both vertically and horizontally aligned.
3.
Because the button should be positioned over to the right, you can remove the
left
declaration and modify
the
right
declaration:
right: 2.1875em;
4.
Save styles.css.
