2012-03-26 22:37:16 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<style>
|
|
|
|
div {
|
|
|
|
width: 450px;
|
2012-09-25 14:44:29 -07:00
|
|
|
font-size: 34px;
|
2012-03-26 22:37:16 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
font-weight: bold;
|
|
|
|
line-height: 1.1em;
|
2012-04-03 15:17:17 -07:00
|
|
|
color: blue;
|
2012-03-26 22:37:16 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
a#first {
|
|
|
|
font-size: 34px;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
a#second {
|
|
|
|
font-size: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
<!--
|
|
|
|
In a 450 px container, the minimum font size at 15em per line is 30px. This
|
|
|
|
means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
|
|
|
|
gets mapped to 40px.
|
|
|
|
-->
|
|
|
|
<div>
|
|
|
|
<a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
|
|
|
|
</div>
|