HTML and CSS Reference
In-Depth Information
26.
<a href="speakers.html#adam-connor">
27.
<h4>Adam Connor</h4>
28.
Lights! Camera! Interaction! Design Inspiration from
Filmmakers
29.
</a>
30.
</td>
31.
<td>
32.
<a href="speakers.html#jennifer-jones">
33.
<h4>Jennifer Jones</h4>
34.
What Designers Can Learn from Parenting
35.
</a>
36.
</td>
37.
</tr>
38.
<tr>
39.
<th scope="row">
40.
<time datetime="12:30:00">12:30 PM</time>
41.
</th>
42.
<td colspan="2">
43.
Lunch
44.
</td>
45.
</tr>
46.
<tr>
47.
<th scope="row">
48.
<time datetime="14:00">2:00 PM</time>
49.
</th>
50.
<td>
51.
<a href="speakers.html#tessa-harmon">
52.
<h4>Tessa Harmon</h4>
53.
Crafty Coding: Generating Knitting Patterns
54.
</a>
55.
</td>
56.
<td>
57.
<a href="speakers.html#russ-unger">
58.
<h4>Russ Unger</h4>
59.
From Muppets to Mastery: Core UX Principles from Mr. Jim
Henson
60.
</a>
61.
</td>
62.
</tr>
63.
</tbody>
64.
</table>
8.
Now that our tables are taking shape, it's time to add a little style to them. Let's be-
gin by adding some general styles to the
<th>
and
<td>
elements. For both the
<th>
and
<td>
elements let's add a bottom
padding
of
22
pixels and a vertical
alignment of
top
. For
<th>
elements specifically let's add a right
padding
of
45
pixels, a text alignment of
right
, and a
width
of
20%
. Then, for
<td>
ele-
ments let's add a
width
of
40%
.
Below our existing table and schedule styles, our code should look like this:
Search WWH ::
Custom Search