时间戳

首页 > 解决方案 > 如何在一行 html 中包含 2 个段落

javascript - 如何在一行 html 中包含 2 个段落

问题描述

我正在制作一个测试 html 网页，我需要将 2 个段落放在一行中，因为我有两个段落的脚本，但我不能只将它放在一行中（抱歉我的英语不好）完整的 html 代码在这里: https://pastebin.com/gZmLXxPR , 脚本: https://pastebin.com/wc01gjUy , css 样式: https://pastebin.com/d7d3AJFN

var counter = 1;

function upvote() {
  counter = counter + 1;

  document.getElementById("Likes")
    .innerHTML = counter + " Likes";
}
<h1>PANDA</h1>
<img id="imagen1" src="img/panda.jpg">
<p color="blue" id="texto"><em>LIKE SI ES MONO</em></p>
<div id="section">
  <td>
    <p id="Likes">1 Likes</p>
    <p id="DisLikes">1 DisLikes</p>
  </td>
</div>
<img id="upvote" src="img/like.png" hspace="20" vspace="10" onclick="upvote()">
<img id="downvote" src="img/dislike.png" hspace="20" vspace="10" onclick="downvote()">

好的，段落代码是：

<div id="section">
<td>
   <p id="Likes">1 Likes</p>
   <p id="DisLikes">1 DisLikes</p>
</td>
</div>

所以我只需要把它放在一行中

标签： javascripthtmlcssparagraph

解决方案

一定要检查你的 HTML 元素；你永远不应该使用<td>你使用它们的方式。<td>在<table>元素中使用。您的代码应如下所示：

HTML

<div id="section">
    <p class="inline" id="Likes">1 Likes</p>
    <p class="inline" id="DisLikes">1 DisLikes</p>
</div>

CSS

.inline {
    display: inline-block;
}

推荐阅读