<!DOCTYPE html>
  body {
    background-color: lightpink;
  h1 {
    color: yellow;
    text-align: center;
  p {
    font-family: roboto;
    font-size: 27px;
  <h1>My First CSS Example</h1>
  <p>This is a paragraph.</p>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter