Despite my efforts to simplify the code, I am still struggling to center it. It seems that my lack of experience with CSS is hindering me from grasping a simple solution.
If anyone has any valuable resources for learning CSS, I would greatly appreciate it. I've gone through numerous CSS books, but all of them cover the same basic topics.
CSS Markup:
/* MAIN ––––––––––––––––––––– */
html {
/* overflow-y:scroll; */
}
body {
/* margin:0; */
/* position:relative; */
}
/* Form ––––––––––––––––––––– */
#form {
margin:0 auto;
width: 300px;
height: 200px;
display: inline-block;
border: 2px solid black;
}
index.html
<html>
<body>
<form id='form'></form>
</body>
</hml>