h2 text-transform: uppercase; : Header text « Tags « HTML / CSS






h2 text-transform: uppercase;

   
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">

#content {
  padding: 10px;
  margin-left: 200px;
  margin-bottom: 10px;
  color: #666;
  background: #fff;
}

#content h2 {
  margin: 0 0 0 0;
  font: 130% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
  padding: 5px;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #833B0B;
  background: inherit;
}

</style>

</head>
<body>

  <div id="content">
    <h2>Welcome to <span style="color:#B29B35;"> Test</span> Template</h2>
  </div>

</body>
</html>

   
    
    
  








Related examples in the same category

1.h1, h2, h3 text-align: center;
2.h1 text-decoration: underline;
3.h1 text-shadow: 0.2em 0.2em;
4.H1 text-transform: uppercase;
5.h1 text-align: center;
6.h1 text-align: right;
7.H1 text-align: left;
8.h2 text-transform: none;
9.h1.complex { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
10.Header text along with top links