How do i make the first sentence in the last paragraph bold using css? I also want to add extra padding to the top of this last paragraph so that it will wrap around an image. If I increase the padding on the bottom of the floated image, the paragraph does not wrap to the bottom flush left margin of the image, it just flows along the right of it -- not what I want. I tied a class to the "p" element since I only want to effect the a certain paragraph (and I don't see a ":last-child" pseudo-element nor do I know if you can use two pseudo-elements on one element or class). 

```
#wf_mainContent_left p.last_wfp:first-line {
padding-top:20px;
font-weight:bold;
color:red;
}

```

HTML

```
<p class="last_wfp">This is the first sentence that I want bold and red. This is the second
 sentence that I don't want that treatment.</p>

```

This bolds both sentences when I only want the first sentence, even though they are on the same line. This should be able to be done according to [this tutorial](http://www.w3schools.com/cssref/sel_firstline.asp). And there is no effect on the padding. I've tried adding a `<br>` tag but it adds to much space. And I tried styling the `<br>` tag but that's not possible according to [this post](https://stackoverflow.com/questions/899252/can-you-target-br-with-css) that I just read. At any rate, I just want the first line to be bold, not both sentences.