nested tag style : Tag Selector « Style Basics « HTML / CSS






nested tag style

 
<!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" lang="en">
    <head>
        <title></title>
<style type="text/css">

body {
  margin: 10%;
}

h1 {
  width: 216px;
  height: 72px;
  position: relative: 
}

h1 span {
  background: url(replacementimage.jpg) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;

}
</style>

    </head>
    <body>

<h1><span>span</span>header</h1>
    </body>
</html>

 








Related examples in the same category

1.img in a div