Guru
Joined: 12/10/2011
Location: AustraliaPosts: 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>
<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"