Voorbeeld coderen

HTML

<div align="left">
  <div
    style="
      overflow: auto;
      position: absolute;
CSS
1
* {
2
  font-family: Arial, sans-serif;
3
  font-size: 13.5px;
4
  color: white
5
}

374px
Console
0
0
0
0
This fiddle has previously unsaved changes.
Apply changes Discard
      width: 658px;
      height: 257px;
      top: 420px;
      left: 20px;
    "
  >
    Hallo allemaal,
    <br />
    <br />
    Ik ben eigenlijk heel benieuwd welke items/setjes jou aan mooi weer doen
    denken! Ik denk bij mooi weer voornamelijk aan vrolijke kleuren. Ik heb dan
    ook altijd zin om kleurrijke kleding te dragen.
    <br />
    <br />
    Competitie
    <br />
    Maak een top 5 van de items/setjes die je kunt vinden op Virtual Popstar.
    Het hoeft niét uit je eigen garderobe te zijn. Je mag dus alle garderobes
    hiervoor gebruiken! Het gaat namelijk voornamelijk om de items/setjes.
    <br />
    <br />
    Wat moet je doen?
    <br />
    Zoek in totaal 5 verschillende items/setjes, waarbij jij aan mooi weer denkt
    en kopieer en plak deze items in een mail naar mij (Dutton)
    <br />
    <br />
    Prijzen
    <br />
    1: 25 credits
    <br />
    2: 20 credits
    <br />
    3: 15 credits
    <br />
    4: 10 credits
    <br />
    5: 5 credits
    <br />
    <br />
    Deadline: 25-05-2025 20.00 uur
    <br />
    <br />
    Succes!
    <br />
    Liefs, Dutton
  </div>
  <img src="https://imgur.com/3G5MT4J.png" alt="" />
</div>
<script type="text/javascript">
  // <![CDATA[
  var css = document.createElement("style")
  css.type = "text/css"
  css.innerHTML =
    "::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #dc7006; } ::-webkit-scrollbar-thumb:hover { background: #dc7006; }"
  document.body.appendChild(css)
  // ]]>
</script>

CSS

* {
  font-family: Arial, sans-serif;
  font-size: 13.5px;
  color: white
}