Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Hemendra Singh RajawatHemendra Singh Rajawat 

Why the font-size of all heading tags(i.e h1 to h6) are same in Visualforce Page?

Hello, 

Can anyone tell me that why the font-size of all heading tags(i.e h1 to h6) are same in Visualforce Page?
Suraj TripathiSuraj Tripathi
Hi Hemendra,
The font-size of all heading tags(i.e h1 to h6) are different in Visualforce Page. 
<apex:page>
    <body>
<h1>
     This is H1
</h1>
<br/>
<h2 >
    This is H2
</h2>
        <h6>
    This is H6
</h6>
            </body>
</apex:page>
Hope it Helps you. Please mark this as solved so that it gets removed from the unanswered queue which results in helping others who are encountering a similar issue.

Regards ,
Suraj
 
Hemendra Singh RajawatHemendra Singh Rajawat
Hi Suraj,

The above code does not affect anything. Attaching the image of the output according to your given code.

User-added image

Regards,
Hemendra​
Suraj TripathiSuraj Tripathi
Hi Hemendra,
Please Check code and this output:
  
<apex:page>
    <body>
        <h1>This is H1</h1>
        <h2 >This is H2</h2>
        <h3 >This is H3</h3>
        <h4 >This is H4</h4>
        <h5 >This is H5</h5>
        <h6>This is H6</h6>
    </body>
</apex:page>

User-added image

Regards ,
Suraj
Hemendra Singh RajawatHemendra Singh Rajawat
Hi Suraj,

According to your code, the output will be.
Your Code -  
<apex:page>
    <body>
        <h1>This is H1</h1>
        <h2>This is H2</h2>
        <h3>This is H3</h3>
        <h4>This is H4</h4>
        <h5>This is H5</h5>
        <h6>This is H6</h6>
    </body>
</apex:page>
Output of your code - 

User-added image

But if we use this code instead of the above one the output will be correct but in that case, we have to disable the standard style sheet and the show header to false.

Code -  
<apex:page standardStylesheets="false" showHeader="false">
    <body>
        <h1>This is H1</h1>
        <h2>This is H2</h2>
        <h3>This is H3</h3>
        <h4>This is H4</h4>
        <h5>This is H5</h5>
        <h6>This is H6</h6>
    </body>
</apex:page>

Output - 

User-added image
My question is that why salesforce has assigned the same size to all the headings.

Regards,
Hemendra