Mgiyuk

Align Div in the midle of the screen [duplicate] This question already has an answer here: Well I have my background (red border) and my login div (blue border) I want to make my login div stay in the center of the screen. I'm using this code for this: HTML CODE ... </div> CSS CODE .login-background{ width: 100%; height: 100%; margin: 0; padding: 30px; position: fixed; background: #eee; overflow: hidden; border: solid red; } .login{ margin: auto; padding-bottom: 25px; background-color: #dcf8c6; boder: solid blue; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54); } But this isnt work for me. Look my screen: How I can put this div in center (verticaly and horizontaly) on my screen? This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new que...