Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/gmail-display.html

Created September 2, 2016 14:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/eb7cba9934264a20f633463066d1c9e8 to your computer and use it in GitHub Desktop.
Save hteumeuleu/eb7cba9934264a20f633463066d1c9e8 to your computer and use it in GitHub Desktop.
Download ZIP
Gmail display Test
Raw
gmail-display.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gmail display Test</title>
<style>
.box, * [aria-labelledby="box"] {
display:inline-block; width:50px; height:50px; padding:10px; margin:5px; background:#e4505d; font:bold 1em sans-serif; color:#fff; vertical-align:top;
}
</style>
</head>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:block;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline-block;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:contents;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:list-item;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline-list-item;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline-table;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-cell;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-column;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-column-group;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-footer-group;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-header-group;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-row;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-row-group;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:table-caption;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:flex;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline-flex;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:grid;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inline-grid;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:ruby;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:ruby-base;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:ruby-text;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:ruby-base-container;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:ruby-text-container;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:run-in;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:inherit;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:initial;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:unset;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:-gmail-hack;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:nonne;">Lorem ipsum dolor sit amet.</div>
<div class="box" aria-labelledby="box" style="background:#3cbc67; display:nun;">Lorem ipsum dolor sit amet.</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment