Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 具有锚定和段落与图像内联的_Html_Css - Fatal编程技术网

Html 具有锚定和段落与图像内联的

Html 具有锚定和段落与图像内联的,html,css,Html,Css,到目前为止,我已经做到了:使用margin属性 我查看了各种页面来源(例如用户的头像与他们的详细信息相关联,但这似乎在一个段落而不是列表项中),但我找不到实现这一点的CSS行 非常感谢为实现这一目标提供的任何帮助 这就是你想要的吗: p { display: inline-block; } img { vertical-align: top; } 使用“float:left;”样式作为img标记 类似于。要实现此目的,最好的方法是将带有图像的链接包装在一个div中,然后将此di

到目前为止,我已经做到了:使用
margin
属性

我查看了各种页面来源(例如用户的头像与他们的详细信息相关联,但这似乎在一个段落而不是列表项中),但我找不到实现这一点的CSS行


非常感谢为实现这一目标提供的任何帮助

这就是你想要的吗:

p {
    display: inline-block;
}
img {
    vertical-align: top;
}
使用“
float:left;
”样式作为img标记


类似于。

要实现此目的,最好的方法是将带有图像的链接包装在一个div中,然后将此div设置为:

display: block;

并将链接和文本包装在另一个div中,该div应自动对齐在图像右侧,如果您想更喜欢,可以将两个div包装在一个div中。

感谢您的回复。然而,可能是由于我拙劣的措辞,这并不是我想要的。让锚定在段落上方,并且仍然与图像保持一致,这就是我所追求的。(像这样,但上面的段落)@KryDos的想法是正确的,然后只需调整您的边距,.Display:block(默认情况下)将是100%宽度,并且是div的默认显示样式。对于您所说的,两个div都必须有一个宽度(必须合并到<100%),并且它们可能需要浮动,这取决于他网站其他部分的布局。