Today marks an exciting milestone as I delve into the world of HTML and CSS for the first time. My goal is to create a personal website to enhance my skills and knowledge in web development.
Currently, I'm struggling with formatting my CSS styles for the homepage. Despite my efforts, the file doesn't seem to cooperate, leaving me unsure if my code is functioning correctly.
.navigation {
float: left;
width: 300px;
background: #ccc;
padding: 20px;
font-family: "arial, helvetica, serif";
margin: 10px;
border: 2px solid black;
background-color: rgba(240, 255, 255, 0.5);
outline-style: outset;
outline-color: grey;
display: inline-block;
text-align: center;
}
header {
padding: 20px;
text-align: center;
font-size: 24px;
color: black;
}
.news {
float: right;
padding: 20px;
font-family: "arial, helvetica, serif";
margin: 10px;
border: 2px solid black;
background-color: rgba(240, 255, 255, 0.5);
outline-style: outset;
outline-color: grey;
}
.infobox1 {
clear: left;
float: left;
padding: 20px;
font-family: "arial, helvetica, serif";
margin: 10px;
border: 2px solid black;
background-color: rgba(240, 255, 255, 0.5);
outline-style: outset;
outline-color: grey;
}
I acknowledge this may sound like a simple question, but I would greatly appreciate any assistance in properly organizing my CSS code. Thank you!