Newsletter

by mtenschert

HTML

<p>Jetzt oder Nie - Ab auf die Ski:<br>GRATIS
  <strong style="color:red;">Kurze Hervorhebung</strong>
  <br>keine BEARBEITUNGSGEBÜHREN!
  <br>Bis zu <strong class="alpi">-35%</strong> Online-Rabatt Dieses Angebot ist <strong class="date">gültig bis 09.04.2019</strong>.<br>
  <span> Willkommen Willkommen Willkommen Willkommen Willkommen Willkommen</span>
</p>

<ul>
  <li>Österreich 250 Shops</li>
  <li>Deutschland 350 Shops</li>
  <li>Frankreich 150 Shops</li>
</ul>

CSS

html,
body {
  margin: 15px;
  padding: 0px;
}

p {
  background: grey;
  padding: 10px;
  margin: 0px;
}

span {
  font-weight: bold;
}

strong {
  color: red;
  font-weight: normal;
  font-size: 100%;
}

strong.alpi {
  color: yellow;
}

strong.date {
  color: blue;
}

ul {
  padding: 10px;
  background: grey;
  margin: 0px;
}

li {
  margin-left: 20px;
}

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }

  html,
  body,
  p {
    margin: 0px;
  }
}