链接图像旁边的文字

时间:2013-03-18 19:18:21

标签: css image hyperlink

我知道如何通过将float:left应用于img标记来将文本放在图像旁边,但是当我给它一个链接,例如href="#"时,文本将不会粘在图像上,它会掉落下。要提供有关该项目的更多信息,请显示<a>标记中的<p>标记:inline-block;我应用于img标签的CSS是:

float:left;
margin-right: 15px;
border:0px;

那为什么会这样呢?我希望我的图像能够像我不在<a>标签之间那样站立。

1 个答案:

答案 0 :(得分:2)

float: left;表示元素浮动在同一父级内容的左侧。由于您将图像包装在<a></a>标记内,因此图像会浮动到<a>内的内容左侧。

如果您将浮动应用于a而不是img,那么a将浮动到父级内容的左侧,根据需要。