Is anyone able to explain the strange phenomenon I am experiencing with this code snippet? In this particular example, I have set the width of selector h3 to 0. However, when viewing it in IE 9 using F12 development tools, I can see that the width is indeed 0, yet the text within the h3 element is still displayed, even though it clearly exceeds a width of 0. How is this possible?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Chapter 5: Indestructible Boxes</title>
<style type="text/css" media="screen">
body
{
font-family: Arial, sans-serif;
font-size: small;
}
h3
{
background :blue;
width:0px;
}
</style>
</head>
<body>
<h3>Gifts and Special Offers v Gifts and Special
Offers Gifts and Special
Offers</h3>
</body>
</html>
//tony