Why is there a space present on the left side of my div? [closed]

HTML:

<div id="div-area">
  <p id="title-div1">
    Find pages with...
  </p>
  <label>
    all these words:
    <input type="text" name="dummy1" id="input-field1" />
  </label>
  <label>
    this exact word or phrase:
    <input type="text" name="dummy2" id="input-field1" />
  </label>
  <label>
    any of these words:
    <input type="text" name="dummy3" id="input-field1" />
  </label>
  <label>
    none of these words:
    <input type="text" name="none-words" id="input-field1" />
  </label>
  <label>
    numbers ranging from:
    <input type="text" name="ranging-from" id="input-field1" />
  </label>
</div>

CSS:

#div-area {
  width: 50%;
  background-color: #d93025;
  padding-left: 0;
  
}

#input-field1 {
  width: 500px;
  font-size: 140%;
}

I'm not really able to understand why's that, because I'm not actually running padding or anything 🤔

I want the output to be somewhat like Google Advanced Search's page: https://www.google.com/advanced_search