Use SPAN to style Blocked area : span : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » span »

Use SPAN to style Blocked area


 

<!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>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
<style type="text/css" media="Screen">
address {
  border: 4px solid red;
  padding: 10px;
}

address * .name {
  display: block;
}

address * .address {
  display: block;
}

address * .area {
  display: block;
}

address * .emails {
  display: block;
}
</style>
</head>
<body>
<address> 
    <span class="name">Name</span> 
    <span class="address">Street</span> 
    <span class="area"> 
        <span class="locality">City</span>, 
        <span class="region">State</span> 
        <span class="postal-code">Zip</span> 
        <span class="country-name" >Country</span> 
    </span> 
    <span class="emails"> <a class="email" href="mailto:n@i.com">email</a> </span> 
</address> 


</body>
</html>