Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML>
2 <style>
3 div {
4 width: 450px;
5 font-size: 12px;
6 }
8 a {
9 font-weight: bold;
10 line-height: 1.1em;
11 color: blue;
12 }
14 a#first {
15 font-size: 12px;
16 font-style: italic;
17 }
19 a#second {
20 font-size: 30px;
21 }
23 </style>
24 <!--
25 In a 450 px container, the minimum font size at 15em per line is 30px. This
26 means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
27 gets mapped to 40px.
28 -->
29 <div>
30 <a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
31 </div>