Hola, puedes consultarme

Buen dia, veamos, maquetar tiene varias formas, y si bien las semanticas estan hoy pero luego estan otras tecnologias como la de Bootstrap y ellos solo ocupan divs para trabajar, no usan las semanticas entonces, aca es dependiendo en como vas a trabajar ademas de que amplio conocimiento por si en algun momento les es util, todo suma creeme, bendiciones

Hola amigo, gracias por tu pregunta, como este método es prácticamente "calculando" que quede lo mas al centro posible, no hay una forma automática para ello, solo una forma aproximada porque como usamos margins y paddings, estos tambien añaden a cada zona.

@@JhanGio Gracias por responder. ¿Tienes algún tutorial en donde un div se quede fijo a la derecha del navegador, de forma vertical (como un sidebar)?

@@luciogdev4308 Por desgracia no, pero ahí es de jugar con las posiciones en CSS. La propiedad se llama: "Position" y valores que puedes usar son: "fixed, relative, absolute, sticky" y otros que no recuerdo, creo que en este caso el que te serviría sería el de "sticky" y tu limitas el tamaño de ese div y donde lo vas a colocar, pero te seré sincero que nunca he probado esto, porque las posiciones hoy en día se trabajan con Flexbox, o CSS Grid, y yo pues he usado esto y no por las propiedades antiguas como estas que te estoy nombrando. Pero al menos ya te pude dar una pista por donde puedes buscar, bendiciones amigo