diff options
| author | Philip Wittamore <philip@wittamore.com> | 2026-07-12 11:08:50 +0200 |
|---|---|---|
| committer | Philip Wittamore <philip@wittamore.com> | 2026-07-12 11:08:50 +0200 |
| commit | 420ceb49b53a8fa9d8ba8443e42e50cd7bd7cea9 (patch) | |
| tree | 3009f0564d75e3f7d1ca38507e7ebb92deaded07 /articles/2025/Html-center-element.html | |
update
Diffstat (limited to 'articles/2025/Html-center-element.html')
| -rwxr-xr-x | articles/2025/Html-center-element.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/articles/2025/Html-center-element.html b/articles/2025/Html-center-element.html new file mode 100755 index 0000000..50cdf83 --- /dev/null +++ b/articles/2025/Html-center-element.html @@ -0,0 +1,42 @@ +<!doctype html> +<html lang="EN"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="/style.css"> + <title>Html center element</title> + </head> + <body> + <header> + <h1>Bloggings</h1> + <a href="/index.php">Back</a> + + </header> + +<main> +<article> +<h2>Html center element</h2> +<h3>2025-04-10</h3> +<h4>Making things simpler still</h4> +<p>The <b>center</b> element in html is depreciated, and validation of the page shows warnings. +Instead the use of the css style <b>text-align:center</b> is precognised.</p> +<p>But this is ignored in terminal text browsers, and I prefer some sort of consistency, so I've removed center elements and text-align css. +The page itself is centered setting margins. Chawan gives the best rendering on the terminal, here I'm using Ghostty.</p> +<h3>Librefox</h3> +<p><img style="border: 1px solid gray" width="60%" src="/images/blog/librefox-wittamore-1.png" alt="image of blog in Librefox"></p> +<h3>Chawan (terminal)</h3> +<p><img style="border: 1px solid gray" width="60%" src="/images/blog/cha-wittamore-1.png" alt="image of blog in Chawan"></p> +<h3>W3M (terminal)</h3> +<p><img style="border: 1px solid gray" width="60%" src="/images/blog/w3m-wittamore-1.png" alt="image of blog in W3M"></p> +<h3>Links (terminal)</h3> +<p><img style="border: 1px solid gray" width="60%" src="/images/blog/links-wittamore-1.png" alt="image of blog in Links"></p> +</article> +</main> +<footer> + +<p> </p> + +<p>ยง</p> + </footer> +</body> +</html> |