html - 超链接在下一行不起作用

Question

我只能在第一行获得超链接。当遇到换行符时，进一步的超链接不起作用，它只是纯文本!

黑色文本周围的红色框是有效的超链接，绿色是无效的，因为存在链接中断。

HTML:

<div class='data_block'>
    <img src='data:image/jpeg;base64,".base64_encode( $row['ar_image'] )."' class='data_image'/>
     <div class='data_title'>
     <a href='article.php?no=".$row['ar_id']."'><p>"

19 hours ago by Sachin Bhandary Alarming Video From Manipur Shows Armed Forces"</p></a>
     </div>
     <div class='data_desc'>
    <p>".$row['ar_desc']."</p>
  </div>
</div>";

CSS:

.data_title a
{
  font-size: 15px;
  font-family: "Century Gothic";
  font-weight: 600;
  vertical-align: top;
  float: right;
  margin-top:-25%;
  width:450px;
  margin-right: auto;
  margin-left:auto;
  text-align: center;
  text-decoration:none;
  color:#2E84C2;
}
.data_title:hover a
{
    color: #272727;
}

Answer 1

即使它可能被认为是有效的，嵌套 <p> 也不是一个好主意。 anchor 标记内的标记。尝试像这样格式化您的 HTML:

<p>
    <a href='article.php?no=".$row['ar_id']."'>
        "19 hours ago by Sachin Bhandary Alarming Video From Manipur Shows Armed Forces"
    </a>
</p>