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

[Image Description: There a huge indent on the right side of the input labels]

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