The .select div does not have specified CSS Style

HTML-CSS
1

I have a challenge where I was asked to create * The .select DIV should have a bottom margin of 2.5em

  • The SELECT element should have an option that is disabled and selected by defualt. Give this option any text you like, e.g “Select User”
    ================what I did in CSS================
  .select{
    margin-bottom:2.5em;
  }

==============what I did in the HTML section============

<div class = "select">
      <select class ="select-text">
        <option selected = "selected" disabled = "disabled">Select User</option>
      </select>
    </div>

please hellp out. this is my challenge now

2

Which challenge are you talking about?

3

In BMI Calculator challenge. please help out so I can proceed. We were asked to use bottom margin of 2.5em for the .select div.

Here is the CSS code:

Mini App 
<style>


  .user-photo {
    margin: 1em auto;
  }


  body{
    background-color:#ffffff;
  }



.select{
        margin-bottom:2.5em;
        }


  .user-photo{
    margin:1em auto;
      height:150px;
      width:150px;
     border-radius:50%;
    overflow:hidden;
  }


  div.details{
    color:#ffffff;
    background:#6200ee;
    font-size:1.3em;
    margin-top:4em;
    padding:0.5em 1em 0.5em 1em;
    border-radius:10px;
  }

  .details p{margin:0.3em}

  #outcome{
    position:absolute;
    right:2.2em;
    bottom:6.5em;
    width:100px;
    text-align:center;
    margin:0px;
  }

  #outcome h5{
    padding:1em;
    background-color:#ffffff;
    border-radius:10%;
    margin:0px;
  }

  #outcome p{
    height:40px;
    color:#ffffff;
    border-bottom:5px solid #ffffff;
    font-size:2em;
    margin:0px;
    padding-top:0.5em;
    padding-bottom:0.5em;
  }

  #oracle{
    margin-top:2.5em;
    border:1px solid;
    width:100%;
  }

  </style>
4

We know nothing about how this challenge checks submissions. Please contact the people who gave you the assignment for clarifications.

5 
  <option  disabled selected>Select User</option>