WebMite web page

Author Message
palcal

Guru

Joined: 12/10/2011
Location: Australia
Posts: 2039
Posted: 07:50am 10 Sep 2025      

I am sending weather information to my phone with a WebMite, using code from TBS member LUC from this post HERE
The HTML code I have is
<br>
<br>
<br>
<!DOCTYPE html>
<head>
<title>PAUL'S WEATHER</title>
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
</head>
<br>
<body style="background-color: PowderBlue">
<CENTER><h1 style = "color: red">PAUL'S WEATHER</h1><CENTER>
<br>
<br>
<CENTER><H1>TEMPERATURE...{temp} Deg. <H1><CENTER>
<br>
<CENTER><H1>HUMIDITY......{hum} % <H1><CENTER>
</body>
</html>

For the font size I am using H1, and this is the result.



As you can see the 'Humidity' is larger text although I used the same font.
I know absolutely nothing about HTML code but on doing a search aapparently using
H1,H2 etc. is no longer and they use CSS ??
Does anyone know how to get the fonts an even size.
I tried a different browser but still the same.
"It is better to be ignorant and ask a stupid question than to be plain Stupid and not ask at all"
phil99

Guru

Joined: 11/02/2018
Location: Australia
Posts: 3273
Posted: 08:16am 10 Sep 2025      

This is just a guess, perhaps the temp. line has been shrunk by the browser to make it fit.
To test this add more dots to the humid. line and see if it shrinks to match.
<CENTER><H1>HUMIDITY................{hum} % <H1><CENTER>


PS. you may be able to move this thread to "Microcontrollers and PC projects". See Gizmo's Test post in Site News.

Edit
I may have just blocked moving this thread by replying, sory.
Edited 2025-09-10 18:21 by phil99
Grogster

Admin Group

Joined: 31/12/2012
Location: New Zealand
Posts: 9974
Posted: 11:13pm 10 Sep 2025      

Not a problem - I will lock this one.