E in LI : em « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. em

E in LI

  


<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <style type = "text/css">
         li em    { color: red;
                    font-weight: bold }

      </style>
   </head>

   <body>

      <h1>Shopping list for <em>Monday</em>:</h1>

      <ul>
         <li>M</li>
         <li>B
            <ul>
               <li>W</li>
               <li>R</li>
               <li>W</li>
            </ul>
         </li>
         <li>R</li>
         <li>P</li>
         <li>P<em>this is a test. </em></li>
      </ul>

      <p><a class = "nodec" href = "http://www.java2s.com">
      this is a test. </a></p>

   </body>
</html>








Related examples in the same category

1.Stylizing your text with EM and STRONG
2.Emphasis tag
3.Set em in a form to have underline text decoration and normal font style
4.Change em font
5.em border:solid 2px #999999;
6.em padding:2px;
7.em margin:23px;