p {
  padding: 10px 10px 10px 20px;
  color: blue;
  background: linear-gradient(to right, pink, #ffffff);
  font-size: 40px;
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
}

h1 {
  padding-left: 5px;
  color: red;
  text-align: center;
  font-family: Helvetica;
  font-style: italic;
  height: 50px;
  border-radius: 10px;
  border: solid 5px #f6f6f6;
}
*there's padding left-right-top-bottom padding: top right bottom left < clockwise
body {
  background-color: green;
  color: white;
}

img {
  margin: 20px;
  height: 50%;
  width: 150px;
}
*there's margin left-right-top-bottom
.gray-element {
background-color: lightGray;
}

button {
  background-color: lightblue;
}

#correct {
  color: purple;
}

div {
display: inline;
background-color: yellow;
}