I have a [fiddle](https://jsfiddle.net/vmxj2pLs/). The fiddle has 2 text (Read More) in a single line. I am wondering, how can I change the `Read More` text to:`"Read" = Bold`  

`"More"=Italic` on hover?. 

At this moment, without hover it is `"Read" = regular` `"More"=bold italic` 

I do know that for hovering an element, the code should be like this:

```
p:hover {
  /* Write code here*/
}

```

But I am not sure how to apply the same hover to the above fiddle. 

```html
<p class="readmore">READ <strong style="font-style:italic;font-weight:bold">MORE</strong></p>
```