Forms lesson 3 input [type="text"] not working

HTML/CSS
1

Hi, I am working through the CSS HTML tutorial Forms lesson 3. I have input the code exactly how it is shown in the tutorial.
When inputing the following code, the first two lines are preventing the folowing three lines of code from working as per the tutorial. Would appreciate if any one can tell me how to fix it.
Thanks,

input [type="text"],
input [type="email"]{
border: 1px solid #ccc;
border-radius: 5px;
padding:0.5rem 1.7rem ;
}

<body>
    <form>
      <div class="form-group">
          <label for="name">Name</label>
          <input id="name" type="text" />
      </div>
      <div class="form-group">
          <label for="email">Email</label>
          <input id="email" type="email" />
      </div>
      <button type= "submit">Register</button>
      <button type= "reset">Clear</button>
    </form>
  </body>
2

Hi Roler,

You have a space between your input tag selector and your attribute selectors. CSS is quite fussy about these things so could you try the below code instead and see if that solves your issue?

input[type="text"],
input[type="email"] {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5rem 0.7rem;
}
3

Yes!! Solved it !! Wow, did not expect that was the problem.
Thank you so much lucidlear, much appreciated.