inline-widget.html 333 B

1234567891011121314151617
  1. <style>
  2. .placeholder {
  3. background: #ffff00;
  4. padding: 4px 2px;
  5. outline-offset: -2px;
  6. line-height: 1em;
  7. margin: 0 1px;
  8. }
  9. .placeholder::selection {
  10. display: none;
  11. }
  12. </style>
  13. <div id="snippet-inline-widget">
  14. <p>Hello <span class="placeholder">{first name}</span> <span class="placeholder">{surname}</span>!</p>
  15. </div>