[Solved] lots of unwanted spacing,or whatever it is as soon as i added css script

by


With my comments before in the back of my mind, I think something like this is what you are looking for:

/* Use the body for a nice background */
body {
  background-image: url("http://cdn.sploder.com/images/hp3/hp_multiplayer_sploderheads2.gif");
  background-attachment: fixed;
  background-size: cover
}

h2 { margin: 0 }

/* Is a container, only holding <li>'s */
ul {
  display: inline-block;
  margin: 0;
  padding: 0
}

/* Fontsize of H4 is actually 1rem/16px which generally is the default browser fontsize */
li {
  background: linear-gradient(#0CE840, #EFFFE5);
  display: inline-block;
  font-weight: bold /* is actually what you wanted from the <H4> */
}

/* We really didn't want add an image to ALL elements (which * actually means) */
* {
  border: 3px solid #000
}

#main {
  font-size: 100px;
  box-sizing: border- box;
  /* bottom: 90px; HUH? */
  background-image: linear-gradient(#FFE259, #EFFFE5)
}
/* linear- gradient (notice space) does nothing */
<h2 align="center" id="main">Gamerz!</h2>
<ul>
  <!-- NO! H4 inside ul -->
  <li>Home
    <li>Courses
      <li>Support
        <li>Contact us
</ul>

9

solved lots of unwanted spacing,or whatever it is as soon as i added css script