/Html/Html how to create a box in the middle of a image

Html how to create a box in the middle of a image

<body class="background">

<div class="cor">
<label>User</label>
</div>

<div class="cor">
<input type="text" id="user">
</div>

<div class="cor">
<label>Password</label>
</div>

<div class="cor">
<input type="text" id="pass">
</div>

<div class="cor">
<button>Enter</button>
</div>

</body>

<style>
<--- This values i used in a Full HD monitor(1920 X 1080) --->
<--- Estes valores eu usei num monitor Full HD(1920 X 1080) --->
.background{
background-image: url (https://www.teahub.io/photos/full/97-976476_doom-wallpaper-hd.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align:center;
padding:15%
}

.cor{
background: #b07517;
width: 25%;
margin-left: auto;
margin-right: auto;
}
</style>

Similar codes

201 votes443 views5 answers
Blank space html
Html
0 vote359 views1 answer
Html document 4.0
Html
0 vote287 views3 answers
Html css js uncaught typeerror: cannot set property 'innertext' of null
Html
0 vote296 views1 answer
Html mobile does not show pdf with object
Html
0 vote297 views2 answers
Auto reload
Html
0 vote306 views2 answers
Sup html
Html
0 vote307 views1 answer
Uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, but lower than version 3
Html
1 vote330 views1 answer
Html table column spacing mdn
Html
0 vote309 views3 answers
Assignment 1
Html
0 vote343 views1 answer
Html ms-text-size-adjust
Html