Is there a way to remove bold styling from part of a header?
<h1>**This text should be bold**, but this text should not</h1>
Is there a way to accomplish this?
This question is related to
html
Yes you can add text inside <span>
and override css. jsfiddle
html:
<h1>**This text should be bold**, <span>but this text should not</span><h1>
css:
span{
font-weight: normal;
}
If you don't want a separate CSS file, you can use inline CSS:
<h1>This text should be bold, <span style="font-weight:normal">but this text should not</span></h1>
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.
<h1 style="font-weight: normal;"></h1>
try this?
Better one: Instead of using extra span tags in html and increasing html code, you can do as below:
<div id="sc-nav-display">
<table class="sc-nav-table">
<tr>
<th class="nav-invent-head">Inventory</th>
<th class="nav-orders-head">Orders</th>
</tr>
</table>
</div>
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.
It is super simple, By using "font" inside paragraph. An example is shown below:
<h1>Heading 1</h1>
<p><font size="6"> Heading 1</font></p>
Heading 1
Heading 1
<ul>
<li><strong>This text will be bold.</strong>This text will NOT be bold.
</li>
</ul>
Source: Stackoverflow.com