Issue
I’m working on a University Project
and I have a select tag
the problem is when the page is not in full Screen
the select position is perfect enter image description here
but when I’m full screen it doesn't appear like I want to enter image description here
Html Code
<div>
<select class = "FeedBack2">
<option value="Suggestion">Suggestion</option>
<option value="Complaint">Complaint</option>
<option value="Idea">Idea</option>
<option value="Help">Help</option>
</select>
</div>
and here is The CSS Code
.FeedBack2 { background-color: #da9b48; color: rgb(31, 22, 5); width: 50%; margin-left:150px; margin-top:10px; margin-bottom:20px;}
Solution
Try this one:
.FeedBack2 {
display: flex;
background-color: #da9b48;
color: rgb(31, 22, 5);
width: 50%;
margin: 0 auto;
}
<div>
<select class = "FeedBack2">
<option value="Suggestion">Suggestion</option>
<option value="Complaint">Complaint</option>
<option value="Idea">Idea</option>
<option value="Help">Help</option>
</select>
</div>
Answered By - Andrew
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.