<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Flexbox example</title>
    <style>
    html {
      font-family: sans-serif;
    }

    section {
      width: 70%;
      height: 300px;
      margin: 20px auto;
      background: purple;
      display: flex;
    }

    div {
      color: white;
      background: orange;
      flex: 1;
      margin-right: 10px;
      text-shadow: 1px 1px 1px black;
    }

    div:last-child {
      margin-right: 0;
    }

    section, div {
      border: