页脚徽标/文本CSS/html

Question

我在页脚中有 3 行独立的文本，它们应该保留在左侧，而徽标应该保留在右侧。无论我在 CSS 中尝试什么，文本和徽标都无法对齐。它要么使 3 行文本仅适合一行，要么徽标从文本下方开始，而不是与文本对齐，而位于相反（右侧）。

我将附上我想要实现的目标的绘图。

我尝试将 float:left 用于文本，将 float:right 用于徽标，但这没有帮助

Answer 1

这就是你所期望的吗

你必须用一个元素包裹 3 行才能使其成为一个块

如果您不想使其之间有空格 -> 删除

justify-content: space-between;

.footer {
   display: flex;
   justify-content: space-between;
}

<div class="footer">
      <div class="info">
        <p>line 1</p>
        <p>line 2</p>
        <p>line 3</p>
      </div>
      <div class="logo">Logo</div>
    </div>