consecutive-inline.html (522B)
1 <!DOCTYPE HTML> 2 <style> 3 div { 4 width: 450px; 5 font-size: 12px; 6 } 7 8 a { 9 font-weight: bold; 10 line-height: 1.1em; 11 color: blue; 12 } 13 14 a#first { 15 font-size: 12px; 16 font-style: italic; 17 } 18 19 a#second { 20 font-size: 30px; 21 } 22 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>