html - 一行上的两个正文

Question

我正在尝试在 GitHub 上创建我的用户页面。我计划它在屏幕左侧显示文本，在屏幕右侧显示文本。现在的代码如下所示。

<h2>
    <div style="text-align: left;">About Me</div>
    <div style="text-align: right;">My Stuff</div>
</h2>
<h3>
    <div style="text-align: left;">Name: Jet "Humding3r" Geronimo<br />
                                   Age: 11<br />
                                   Hobbies: Coding, Gaming, Music</div>
</h3>
<h3><div style="text-align: right;"><a href="https://github.com/Humding3r/number-guessing-game">Number Guessing Game</a></div>

这是现在的样子。 https://gyazo.com/cf4eb2c3f0d92eec714c8d926cf38af6

Answer 1

text-align 属性用于元素的内容，我认为您正试图让元素 float 在任一侧。还要分开你的元素，并不是所有的东西都是一个标题，它们有特殊的用途 read this .

<div id="left-panel" style="float:left;text-align:left">
  <h2>About Me</h2>
  <div>
    Name: Jet "Humding3r" Geronimo<br />
    Age: 11<br />
    Hobbies: Coding, Gaming, Music</div>
  </div>
</div>
<div id="right-panel" style="float:right;text-align:right;">
  <h2>My Stuff</h2>
  <div>
    <a href="https://github.com/Humding3r/number-guessing-game">Number Guessing Game</a>
  </div>
</div>