使用<a href=""> tag?

时间:2015-10-10 07:40:39

标签: html css anchor

i have been troubling about the way how i put this single text in paragraph tag. but everytime i add the anchor tag it keeps entering i want it to be at the side of the text not below. please help me.

时,为什么我的段落中有空格

this is the image

这是代码

CCS:

&#13;
&#13;
<style>
div.box {
	width: 168px;
	height: 300px;
	margin: 10px;
	float:left;
	background-color:#333;
}
table.shop {
	height: 450px;
	overflow-y:scroll;
	display: block;
}
ul.aa {
	list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
	float:left;
}
a {
	display:block;
	width: 200px;
}
a.head:link {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.head:visited {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.head:hover {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.head:active {text-decoration:underline; font-family:"Century Gothic"; font-size:18px; color:#FFF;}

a.foot:link {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.foot:visited {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.foot:hover {text-decoration:none; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
a.foot:active {text-decoration:underline; font-family:"Century Gothic"; font-size:18px; color:#FFF;}
</style>
&#13;
&#13;
&#13;

和html:

&#13;
&#13;
  <!--================================================-->
    <!--========this will be the start of the body====-->
    <!--================================================-->
  <tr>
    <td height="450" background="background.jpg" valign="top">
    <br />
    <br />
    <center><img src="Thanks.png" alt="thankyou" /></center>
    <table align="center" width="700">
    	<tr>
        	<td>
    <font face="Century Gothic" color="#FFFFFF" size="+1"><p align="center">You will receive a response shortly regarding to your order. The e-mail will contain the price and other details concering about your order. If some details appears to be wrong please reply immediately to the e-mail. once again, thank you so much! <a class="one" href="index.php">Click Here</a> to return to home page.</p></font>
    		</td>
         </tr>
    </table>
    </td>
  </tr>
    <!--================================================-->
    <!--========this will be the end of the body========-->
    <!--================================================-->
&#13;
&#13;
&#13;

你可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:4)

如果我正确理解您的问题,您希望将链接与消息的其余部分内联。

现在,由于css:

,链接正在被推下
a {
   display:block;
   width: 200px;
}

相反,您希望它与文本的其余部分内联,以便您可以

a {
   display: inline-block;
}

那应该解决你的问题!