为什么文字没有提升？

Question

为什么文字不会向上移动？ 我试图移动它：底部，边缘底部，填充底部。它仅在我删除bluePoint1 div.

时移动

.bluePoint1 {
  left: -12px;
  margin-right: 10px;
  font-size: 3.75rem;
  color: #5CABD1;
}

p {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  bottom: 1000px;
}

<div class="bluePoint1">&bull</div>
<p>Lorem Ipsum dolor sit amet, consecteur adipiscing elit, sed do elusmod tempor incididumt ut <br> et dolore magna aliqua. Ut enim ad minim veniam</p>

Answer 1

将margin:0添加到您的p元素

JsFiddle

Answer 2

您好在css中添加以下内容：

margin-top: -20px;

整个CSS将如下所示：

.bluePoint1 {
              left: -12px;
              margin-right: 10px;
              font-size: 3.75rem;
              color: #5CABD1;
              }

p {
   font-family: Roboto, sans-serif;
   font-size: 16px;
   font-weight: normal;
   text-align: center;
   bottom: 1000px;
   margin-top: -20px;
   }