如何控制段落元素之间的空间?

时间:2017-05-17 02:06:24

标签: html css

我在这里有以下代码:

<div class="paper">
        <h1>Welcome back, <?php echo $_SESSION["username"] ?>!</h1>
        <p>This is your space, here are your stats:</p>
    <p>Username: <?php echo $_SESSION['username']; ?> </p>
    <p>Coins: <?php echo "$" . $_SESSION['coins']; ?> </p>
    <?php if($admin){ echo "<p>Note: This account has admin access.</p>
    <form action='admincontrol.php'>
      <input type='submit' value='Admin Panel'/>
    </form><br>"; } ?>
    <form action="success.php" method="post" enctype="multi-part/form-data">
      <input name="Logout" type="submit" value="logout">
    </form>
    </div>

它显示如下: enter image description here

我如何使用CSS来控制用户名和硬币中的空格?它看起来真的很尴尬,并且整行显示硬币。

所以而不是:

Username: xflare
//Empty space
Coins: 100

应该是:

Username: xflare
Coins: 100

我怎么能用CSS做到这一点?

1 个答案:

答案 0 :(得分:1)

您可以使用一个段落并使用<br>转到下一行,也可以将段落标记的边距设置为0px。