[SOLVED] How would I move the website lower without touching anything else?

From the E to the bottom is 36 px, How would I drop that to 30 px? Without touching anything else.

<style type="text/css"> .outer {
  max-width: 818px; /*828 */
  border: 5px solid #38761d;
  background-color: #000;
  margin: 0 auto;  /* top+bottom  left+right */
}

.hr3 {
  color: #38761d;
  font-style: normal;
  font-size: 89px;
  font-family: georgia;
  text-align: center;
  border-bottom: 5px solid #38761d;
  padding-bottom: 26px;
  margin-top: 3px;
  margin-bottom: 0;
}

.hr3 span {
  display: block;
  height: 8px;
  background-color: #15c;
  transform: rotate(-.9deg);
  margin-top: 3px;
  margin-left: 30px;
  margin-right: 32px;
}

.hr4 {
  text-align: center;
}

.hr4 img {
  margin-top: 28px;
}

.hr4 img + img {
  margin-left: 15px;
}

.hr5 {
  color: white;
  font-style: normal;
  font-family: georgia;
  font-size: 28px;
  text-align: center;
  margin-top: 18px;

  margin-bottom: 29px;     /*315*/
}

</style>

</head>
<body>

<div class="outer">
    <p class="hr3">Testing The Text<span></span></p>
    <div class="hr4"><img src="https://i.imgur.com/ghT7ZVi.png" alt="facebook"><img src="https://i.imgur.com/ghT7ZVi.png" alt="twitter"><img src="https://i.imgur.com/ghT7ZVi.png" alt="pinterest"></div>
    <p class="hr5">www.testingEtesting.com</p>
</div>

</body>
</html>

I did it.

I changed
margin-top: 18px;
margin-bottom: 29px;

to this
margin-top: 24px;
margin-bottom: 23px;

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.