Question

我正尝试在我的p页350px的左侧留出页边距，以便将其从图像中移入，但由于某种原因它不起作用。

.info-section h2 {
  width: 800px;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
  font-size: 12px;
  margin-left: 870px;
  margin-top: 50px;
  text-transform: uppercase;
}

.info-section h2 span {
  background: #fff;
  padding: 0 10px;
}

.information p {
  margin-right: 350px;
  text-align: justify;
  margin-left: 350px;
}

<div class="info-section">
  <h2><span>Information</span></h2>
</div>
<div class="information">
  <p>Developed by the creators of Undead Nightmare and Badge, Undead Nightmare is an epic 2D adventure, survival game, and your weapon is the key to survival</p>
</div>

Answer 1

更改margin-left中的 .info-section h2 。

.info-section h2 {
  width: 800px;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
  font-size: 12px;
  margin-left: 450px; /* set this to 450px from 870px to achieve the result as screenshot */
  margin-top: 50px;
  text-transform: uppercase;
}

.info-section h2 span {
  background: #fff;
  padding: 0 10px;
}

.information p {
  margin-right: 350px;
  text-align: justify;
  margin-left: 350px;
}

<div class="info-section">
  <h2><span>Information</span></h2>
</div>
<div class="information">
  <p>Developed by the creators of Undead Nightmare and Badge, Undead Nightmare is an epic 2D adventure, survival game, and your weapon is the key to survival</p>
</div>

段落不使用左边距向左移动

1 个答案: