Mira lo que dice en un selector de su css:
table {
font-size: 100%;
color: black;
/* we don't want the bottom borders of <h2>s to be visible through
floated tables */
background-color: white;
}
y luego aparece:
h1,
h2, h3, h4, h5, h6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
De manera que la forma en que lo hacen es esta, que viene a ser casi lo mismo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Falso subrayado 2</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<style type="text/css">
#caja { border-style: solid;
width: 500px;
height: 300px;
margin: 0 auto;
}
#caja img { margin: 10px;
float: right;
}
h2 { border-bottom: 1px solid rgb(153, 153, 153);
float: left;
display: block;
width: 320px;
margin-left: 10px;
}
</style>
</head>
<body>
<div id="caja">
<h2><span class="la_clase_que_tu_quieras">Otros
eventos</span></h2>
<img style="width: 134px; height: 144px;" alt=""
src="http://www.menoslobos.com/mikel/forosdelweb/periodicoR.jpg" /></div>
</body>
</html>
Mikel.