/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

0 vote186 views1 answer
Bootstrap vertical hr
Html
1 vote130 views1 answer
Pagination in tailwind css
Html
0 vote185 views1 answer
Abrir dos ventanas con a href
Html
0 vote190 views2 answers
Nav bar activate in jinja
Html
0 vote175 views1 answer
Formatting code with <pre> tag in React and JSX
Html
0 vote176 views2 answers
Ionic ngfor show limited number of items
Html
0 vote178 views1 answer
Hidden shadow in bootstrap 4
Html
0 vote179 views1 answer
How to embed link in text //ptwmjmp.com/?siteId=jasmin&categoryName=&pageName=home&performerName=&prm[psid]=Seb868&prm[pstool]=205_1&prm[psprogram]=revs&prm[campaign_id]=&subAffId={SUBAFFID}&filters=
Html
2 votes183 views2 answers
Positioning button inside div
Html
0 vote183 views1 answer
Email confirmation html template
Html