Skip to content

Instantly share code, notes, and snippets.

@KenjiOhtsuka

KenjiOhtsuka/weird_css.html

Last active August 1, 2023 21:33
Show Gist options
  • Save KenjiOhtsuka/5d48973c287646ea6d6cced6b57bec3f to your computer and use it in GitHub Desktop.
Save KenjiOhtsuka/5d48973c287646ea6d6cced6b57bec3f to your computer and use it in GitHub Desktop.
Download ZIP
Weird CSS
Raw
weird_css.html
<!--
When the computer browser shows 2nd and 3rd paragraphs in the same format,
but the mobile browser shows 2nd and 3rd ones differently.
-->
<!DOCTYPE html>
<html>
<head></head>
<body>
<p style="line-height: 1em; margin: 1em; background: rgba(0, 0, 0, 0.1);">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccccccccccccccc
ddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
</p>
<p style="line-height: 2em; margin: 1em; background: rgba(0, 0, 0, 0.1);">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccccccccccccccc
ddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
</p>
<p style="line-height: 2; margin: 1em; background: rgba(0, 0, 0, 0.1);">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccccccccccccccc
ddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment