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.
Search WWH ::

Custom Search