How to make a few word bold in button text?

HTML & CSS
1

Let’s say I want to create button with the text “I am Superman”

<input type="button" value="I am Superman" name="B3">

However, I want the word “Superman” to be BOLD. How to do that?

2

Just edit the text property in css which should make it work, but first, you might want to specify an id or a class to the button.


<input type="button" value="I am Superman" name="B3" id="bold" />



#bold{
 font-weight: bold;
}


EDIT: Sorry, I didn’t see that you only wanted the word ‘superman’ to be bold. Follow Egor’s suggestion.

3 

<button>I am <b>Superman</b></button>
4

Thanks Egor, but I’m not sure

<button>

is widely supported enough.

Is it safe to use it?

5

Yes.

6

http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.5