diff options
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> |