html网页制作里面怎么让div里面p标签的文字两边对齐

可以使用CSS中的text-align属性来实现文字两边对齐，例如：

div {
  text-align: justify;
}

p {
  display: inline-block;
}

这里将div元素的text-align属性设置为justify，表示让其中的文本两端对齐。同时，将p元素的display属性设置为inline-block，可以让p元素在div中占据一行，并且与其他行之间保持一定的间距。这样，p标签内的文本就可以实现两端对齐了。

相关问题

怎么让p标签和div组件在同一行展示 左右两边对齐

可以通过设置 `display: inline-block` 和 `vertical-align: top` 属性来实现p标签和div组件在同一行展示左右两边对齐。

例如，以下代码可以实现该效果：

<div style="display: inline-block; vertical-align: top;">
  <p>这是一段文本。</p>
</div>
<div style="display: inline-block; vertical-align: top;">
  <div style="width: 100px; height: 100px; background-color: red;"></div>
</div>

其中，第一个div包含一个p标签，第二个div包含一个宽高为100px的红色div组件。两个div组件均设置了`display: inline-block`和`vertical-align: top`属性，这样它们就可以在同一行展示，并且左右两边对齐。

HTML5 把p标签内的图片与文字垂直居中对齐

可以使用CSS的`display: flex;`和`align-items: center;`属性来实现p标签内的图片与文字的垂直居中对齐。

具体做法如下：
1. 首先，在p标签内部添加一个容器div，并将图片和文字分别放在这个容器内；
2. 给这个容器div设置`display: flex;`和`align-items: center;`属性，这样容器内的元素就可以垂直居中对齐了。

示例代码如下：

<p>
  <div class="container">
    <img src="image.jpg" alt="image">
    <span>这是一段文字</span>
  </div>
</p>

<style>
  .container {
    display: flex;
    align-items: center;
  }
  img {
    margin-right: 10px; /* 可以添加一些间距 */
  }
</style>

这样，图片和文字就可以在p标签内垂直居中对齐了。