Question

就像CSS一样，我想在徽标旁边添加订户数量

但是 position : absolute徽标在文字上以及文字是否位于

float : right有问题

我的程序

<div>
    <h3>Suivez-nous</h3>
    <div class="Facebook">
        <img src="images/Facebook.png">
        <p>500 000 abonnés</p>
    </div>
    <div class="twitter">
        <img src="images/twitter.png">
    </div>
    <div class="instagram">
        <img src="images/instagram.png">
    </div>
</div>

https://codepen.io/adri1212/pen/dgVVpK中的所有代码

此代码只是页脚的一部分，并使用Flexbox

Answer 1

请不要使用<p>，因为其默认显示为块

Example

如果要换行，可以使用<span>，它是默认情况下的嵌入式元素。

Example with span and margin

Answer 2

如评论中所述，x = cbind(c(0, 1, 2), c(2, 0, 4), c(1, 3, 0)) colnames(x) <- c("Germany","Argentina","Croatia") rownames(x) <- c("Germany","Argentina","Croatia") x需要删除，<p>元素需要替换为<div>

这将为您提供单行图像，并在图像之间添加文字：

<span>

Answer 3

我找到了解决方法，

在我放入的CSS中

    .Facebook > p{
         display : inline;
    }

文字旁边的图片

3 个答案: