 left;
    }

    .custom-layer {
      text-align: center;
      padding: 10px;
    }
  </style>
</head>

<body>
  <section id="editor">
    <div id='edit' style="margin-top: 30px;">
      <h1>Custom Popup example</h1>
      <p>This is an example of how to create your own popup.</p>
    </div>
  </section>

  <script type="text/javascript" src="../../js/froala_editor.min.js"></script>

  <script>
    // Define popup template.
    Object.assign(FroalaEditor.POPUP_TEMPLATES, {
      'customPlugin.popup': '[_