My main goal is to have all my inputs aligned to the left for a clean and organized look, similar to the image provided below:
https://i.sstatic.net/5c0mX.png
Despite my efforts to float the inputs and paragraphs to the left, I am facing an issue where they do not align properly. Instead, they appear strangely stacked when floated to the left. I can't seem to pinpoint what mistake I might be making.
Currently, the code setup I have managed to achieve brings everything together in one column, but the neat alignment of paragraphs and inputs to the left continues to elude me. Any suggestions or insights on where I might be faltering would be greatly appreciated!
* {
box-sizing: border-box;
}
body {
background-color: black;
margin-left: 20%;
margin-right: 20%;
margin-top: 50px;
width: 760px;
}
... (code snippet continues)