how to change the text size in the title with html

5 comments

1. Actually, I believe what you are looking for is called Small Caps.

   Try this:

       h4 {
         font-variant: small-caps;
       }

   <h4>This is Small Capped</h4>
   <p>This is regular text.</p>

   For More Info:
   https://css-tricks.com/almanac/properties/f/font-variant/

2. You can change the text size either in CSS or with the style attribute.

   <h3 style="font-size:50px">The H3 Title</h3>
   

   In CSS:

   h3 {
      font-size:50px;
   }
   

   If you want to size parts of your title, use strong.

   <h3 style="font-size:50px"><strong style="font-size:25px">The</strong> H3 Title</h3>
   

   h3 {
     font-size: 50px;
   }
   #h3Strong {
     font-size: 25px;
   }
   #h4Strong {
     font-size: 20px;
   }
   h4 {
     font-size: 45px;
   }

   <h3><strong id="h3Strong">The</strong> H3 Title</h3>
   <h4><strong id="h4Strong">The</strong> H4 Title</h4>

3. Have you tried something like this:

   .c2{
       font-size:2em!important;
   }
   .span{
       font-size:1em;
   }
   h3{
       text-transform: capitalize;
   }
   

   And the html :

   <h3>
       <span class="c2">1</span>
       <span>2</span>
   </h3>
   

   .c2{
       font-size:2em!important;
   }
   .span{
       font-size:1em;
   }
   
   h3{
       text-transform:uppercase;
   }

   <h3>
       <span class="c2">a</span>
       <span>b</span>
   </h3>

   http://jsfiddle.net/n7fye5nc/

4. Something like this?

   <h4>this is <small>where the title goes</small></h4>
   
   <style>
   
   h4 {
       font-size: 1em;
       text-transform: uppercase;
   }
   
   h4 small {
       font-size: .75em;
   }
   
   </style>
   

5. To increase the font size, use the CSS font-size property.

   To make all text uppercase, use the CSS text-transform property.

   .big {
     font-size: 2em;
     text-transform: uppercase;
   }

   <h3>Hello World!</h3>
   <h3 class="big">Foo Bar!</h3>

Comments are closed.