When working on web development projects, it is essential to use CSS for styling elements on your page. If you are looking to enhance your CSS skills, check out w3school.
In this instance, I will demonstrate how to apply internal styles, but keep in mind that you can also utilize external or inlined styles. For more information on external/internal/inline CSS styles, visit here.
<html>
<head>
<style>
body {
font-family: 'Calibri', 'sans-serif';
font-size: 16px;
font-weight: bold;
text-align:center;
}
form {
position: relative;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
{errors}
<p>Enter your numbers:</p>
<form method="post" action=".">
<p><input name="number1" /></p>
<p><input name="number2" /></p>
<p><input type="submit" value="Do calculation" /></p>
</form>
</body>
</html>
Here, I have provided an example of how to use:
font-family - alters the font type
font-size - adjusts the font size
font-weight - changes the thickness of the font
position - repositions your element by utilizing top, left, right, and bottom attributes
For further details on CSS font styles, refer to here
To learn more about CSS positioning, click here