如何让H3标签内的a标签float right

我在h3标签里加了个a标签，想让a居右显示。代码如下：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""h... 我在h3标签里加了个a标签，想让a居右显示。
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<Head><title>index</title>
<link href="style.css" rel="stylesheet" type="text/css">
</Head>
<BODY>
<div class="test">
<h3>润新闻资讯<a href="#">更多>></a></h3>
</div>
</BODY>
</HTML>

style.css:
div,dl,dt,dd,p { padding:0px; margin:0px; FONT-SIZE: 12px;}
img { border:0; padding:0px; margin:0px;}
form { margin:0; padding:0; FONT-SIZE: 12px;}
ul,ol,li { margin:0; padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{ border: 0px; padding: 0px; margin:0px; font-size:12px; font-weight:normal;}
.test { WIDTH: 250px; margin:0 auto; }
.test H3 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND:#ccc; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 26px; width:auto;}
.test H3 a { float:right; font-weight:normal; font-size:12px; width:auto; }
现在的代码运行后更多在第二行显示了，如何让他们在同一行显示。只改动css代码不添加标签如何实现？望高手指教！
感谢楼下的回答，楼下对a用了绝对定位，当然这是一种方法，但这样“float：right”就不起作用了而且这样a里面的内容不能垂直居中，我的意思是如何让“float：right”起作用呢？展开

 我来答

1个回答

#热议# 应届生在签三方时要注意什么？

loveandkissyou
推荐于2016-05-14 · TA获得超过2297个赞

知道大有可为答主

回答量：2332

采纳率：0%

帮助的人：2522万

我也去答题访问个人页

关注

展开全部

改2条css
.test H3 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND:#ccc; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 26px;POSITION: relative; }
.test H3 a {  float:right; font-weight:normal; font-size:12px;  right:10px;POSITION: absolute;   }

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何让H3标签内的a标签float right

其他类似问题

为你推荐：