At present, using this at the top of the document, I have four columns.
I would like to change this to three columns towards the end of the document. I have experimented without success.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Using Internal CSS</title>
<style type="text/css">
body {
font-family: Arial, Verdana, sans-serif;}
h3 {
text-align: center;
color: BlanchedAlmond;}
p {
line-height: 1.21em;
font-size: 1.18em;
}
* {
box-sizing: border-box;
}
.column {
float: left;
width: 25%;
padding: 5px;
}
/* Clearfix (clear floats) */
.row::after {
content: "";
clear: both;
display: table;
}
</style>
I'd be grateful for advice. Thanks!