Question: I have a page that is listing links to other websites. Each link is followed by a brief description of the site being linked to. I want the link text to be slightly larger than the description so I added a CSS class definition a.link, in which I define font-size as 16px. The complete list is inside a standard `<p>` tag and I have `<hr>` tags in between each list item. The problem is that only the first link in the list gets the new font-size. Each link after the first loses all styles defined not only in the link class definition, but in the `<p>` tag as well. If I remove the `<hr>` tags, every item in the list is correctly styled. If I wrap each link in the list inside a `<p>` tag, they also are styled correctly, but I'd rather not clutter up the list with extra tags if possible

Here is my stylesheet code:

```
#pane {
    float: right;
    width: 800px;
}

#pane p {
    margin-left: 15px;
    font-family: verdana;
    font-size: 12px;
}

#pane p a.link { font-size: 16px; }

```

Here is a sample of the HTML generated:

```
<div id="pane">
<p>
    <a href="http://www.google.com" class="link">Google</a> - For finding stuff
    <hr>
    <a href="http://www.newegg.com" class="link">Newegg</a> - For buying stuff
    <hr>
</p>
</div>

```

Has anyone else encountered this behavior and found a way to fix it with adding `<p>` tags everywhere?

Answer: 
Is it necessary to wrap it as a paragraph? If not then you can lose that tag and then it works without that clutter. <http://jsfiddle.net/bqhC9/>

```
<div id="pane">
    <p>
        <a href="http://www.google.com" class="link">Google</a> - For finding stuff
    </p>
        <hr>
    <p>    
        <a href="http://www.newegg.com" class="link">Newegg</a> - For buying stuff
    </p>    
        <hr>

    </div>

```
hr can't in p tag. you can change p tag to div

```
    <!doctype html>
<html>
<head>
<style>
#pane {
float: right;
width: 800px;
}

#pane div {
  margin-left: 15px;
  font-family: verdana;
  font-size: 12px;
}

#pane div a.large    { font-size: 26px; }
</style>
</head>
<body>
<div id="pane">
<div>
    <a href="http://www.google.com" class="large">Google</a> - For finding stuff
    <hr/>
    <a href="http://www.newegg.com" class="large">Newegg</a> - For buying stuff
    <hr/>
</div>
</div>
</body>
</html>

```