超链接在下一行不起作用答案

【问题标题】：Hyperlink not working on next line超链接在下一行不起作用
【发布时间】：2015-12-04 06:46:57
【问题描述】：

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

黑色文本周围的红色框是工作超链接，绿色不工作，因为链接中断。

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;
}

【问题讨论】：

请发布呈现的 HTML，而不是 PHP 或任何服务器端语言。
顺便说一句，您应该使用<p><a ...>...</a></p>，而不是在<a> 中嵌套<p>。块元素不应包含在行内元素中
@Mifeet - 在 HTML5 中有效
我试过这个 jsfiddle 并且它正在工作：jsfiddle.net/pinturic/v3cm8rnc。如果您还有其他无法使用的 jsfiddle，请分享。
@j08691 啊，它是有效的for <a> 元素，很高兴知道（虽然显然不是所有元素）

标签： html css hyperlink

【解决方案1】：

尽管它可能被认为是有效的，但将<p> 标记嵌套在锚标记内并不是一个好主意。尝试像这样格式化您的 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>

【讨论】：

为什么投反对票？这是解决问题的有效尝试
好吧，我没有投反对票！也许是别人！我会将其标记为答案