css bold first word

Question

How can I bold the first word of sentence using CSS selectors and is this a good/bad way to do this with respects to browser comparability?

code:

  &         


        

Answer 1

just put the first word in a strong tag.

<h1><strong>This</strong> is how you do it simply.</h1>

Here is the JS Fiddle

Answer 2

The current CSS selectors do now allow this.

So I change my approach to bold the first line.

HTML

<h2>this<br> is a sentence</h2>

CSS

h2::first-line{
   font-weight: bold;
}

Answer 3

There is no ::first-word pseudo-element in CSS; you'll have to wrap the first word in an extra element and then select that.

Answer 4

I have put the word between <b>First</b>

Answer 5

Use Span class

So creat a class called bold and wrap first word in the class.

.bold {
font-weight:bold;
}

Then

<h2><span class="bold">the</span> brown fox</h2>