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