diff options
| author | EuAndreh <eu@euandre.org> | 2025-04-18 02:17:12 -0300 |
|---|---|---|
| committer | EuAndreh <eu@euandre.org> | 2025-04-18 02:48:42 -0300 |
| commit | 020c1e77489b772f854bb3288b9c8d2818a6bf9d (patch) | |
| tree | 142aec725a52162a446ea7d947cb4347c9d573c9 /src/content/en/pastebins/2021/08/11/h1-spacing.adoc | |
| parent | Makefile: Remove security.txt.gz (diff) | |
| download | euandre.org-020c1e77489b772f854bb3288b9c8d2818a6bf9d.tar.gz euandre.org-020c1e77489b772f854bb3288b9c8d2818a6bf9d.tar.xz | |
git mv src/content/* src/content/en/
Diffstat (limited to 'src/content/en/pastebins/2021/08/11/h1-spacing.adoc')
| -rw-r--r-- | src/content/en/pastebins/2021/08/11/h1-spacing.adoc | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/content/en/pastebins/2021/08/11/h1-spacing.adoc b/src/content/en/pastebins/2021/08/11/h1-spacing.adoc new file mode 100644 index 0000000..38dbb2e --- /dev/null +++ b/src/content/en/pastebins/2021/08/11/h1-spacing.adoc @@ -0,0 +1,75 @@ += Spaces around h1 tags +:updatedat: 2021-08-15 + +_EDIT_: Apparently, the behaviour below is consistent between Firefox and +Chromium for links, but not for `<h1>`. My conclusion is that the `<h1>` +behaviour is a Firefox quirk, but the `<a>` is expected. + +''''' + +The HTML below has selectable extra spaces after `<h1>` tags: + +[source,html] +---- +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Spaces around h1 tags</title> + </head> + <body> + <main> + <h1> + With spaces around when selecting this heading + </h1> + <h1>Without spaces around</h1> + <p> + Is this expected behaviour? + </p> + </main> + </body> +</html> +---- + +The rendered output is: + +With spaces around when selecting this heading + +Without spaces around + +Is this expected behaviour? + +''''' + +The same with links: + +[source,html] +---- +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Spaces after a tags</title> + </head> + <body> + <main> + <p> + <a href="#"> + With extra underlined space + </a> + </p> + <p> + <a href="#">Without extra underlined space</a> + </p> + </main> + </body> +</html> +---- + +The rendered output is: + +With extra underlined space after the link. + +Without extra underlined space after the link. |