removing bold styling from part of a header

Question

Is there a way to remove bold styling from part of a header   lt h1 gt   This text should be bold    but this text should not lt  h1 gt   Is there a way to accomplish this

User · Accepted Answer

You could wrap the not-bold text into a span and give the span the following properties:

.notbold{
    font-weight:normal
}?

and

<h1>**This text should be bold**, <span class='notbold'>but this text should not</span></h1>

See: http://jsfiddle.net/MRcpa/1/

Use <span> when you want to change the style of elements without placing them in a new block-level element in the document.

User · Answer

Yes you can add text inside  lt span gt  and override css  jsfiddle  html    lt h1 gt   This text should be bold     lt span gt but this text should not lt  span gt  lt h1 gt    css   span     font-weight  normal

User · Answer

lt ul gt       lt li gt  lt strong gt This text will be bold  lt  strong gt This text will NOT be bold       lt  li gt   lt  ul gt

User · Answer

Better one  Instead of using extra span tags in html and increasing html code  you can do as below    lt div id  sc-nav-display  gt       lt table class  sc-nav-table  gt         lt tr gt           lt th class  nav-invent-head  gt Inventory lt  th gt           lt th class  nav-orders-head  gt Orders lt  th gt         lt  tr gt       lt  table gt     lt  div gt     Here  you can use CSS as below    sc-nav-display th      font-weight  normal      You just need to use ID assigned to the respected div tag of table  I used   sc-nav-display  with  th  in CSS  so that  every other table headings will remain BOLD until and unless you do the same to all others table head as I said

User · Answer

lt h1 style  quot font-weight  normal  quot  gt  lt  h1 gt   try this

User · Answer

It is super simple  By using  font  inside paragraph  An example is shown below    lt h1 gt Heading 1 lt  h1 gt   lt p gt  lt font size  6  gt  Heading 1 lt  font gt  lt  p gt    Heading 1 Heading 1

User · Answer

If you don t want a separate CSS file  you can use inline CSS    lt h1 gt This text should be bold   lt span style  font-weight normal  gt but this text should not lt  span gt  lt  h1 gt    However  as Madara s comment suggests  you might want to consider putting the unbolded part in a different header  depending on the use case involved

[html] removing bold styling from part of a header

Examples related to html