Make FAQ entry done in dt look better with CSS.

This is accomplished by three key changes:

  * use em rather than px sizes, so that font changes are accomodated.

  * Add a margin to the dt.

  * center the text in the dt's rather than right align.
This commit is contained in:
Bradley M. Kuhn 2015-03-05 11:35:15 -08:00
parent 5eb028235f
commit 05198edf82

View file

@ -334,14 +334,14 @@ dl {
dt { dt {
float: left; float: left;
clear: left; clear: left;
width: 100px; width: 10em;
text-align: right; margin: 0em 1em 0.5em 0.5em;
text-align: center;
font-weight: bold; font-weight: bold;
color: green; } color: green; }
dt:after { dt:after {
content: ":"; content: ":";
} }
dd { dd {
margin: 0 0 0 110px; margin: 0 0 2em 11em;
padding: 0 0 0.5em 0;
} }