初心者です。
下記のようにしたところ、<h1>自己紹介</h1>と、最初の<p>から<a href~までの部分が下線付きのリンク表示になってしまいます。
どのような原因が考えられるのでしょうか？
-----------------------------------------------------------------------------------
<section id="about">
<h1>自己紹介</h1>
<p>
デモサイトです。デモサイトです。デモサイトです。デモサイトです。
<a href="#">ブログなど</a>
デモサイトです。デモサイトです。デモサイトです。デモサイトです。
</p>
<p>
デモサイトです。デモサイトです。デモサイトです。デモサイトです。
<a href="#">ブログなど</a>
デモサイトです。デモサイトです。デモサイトです。デモサイトです。
</p>
</section><!-- /#about -->
-----------------------------------------------------------------------------------
#about h1{
font-size: 125%;
border-left: 5px #d95483 solid;
padding-left: 10px;
margin-bottom: 25px;
}
-----------------------------------------------------------------------------------