
I have this HTML as a minor part of a larger form:
<div class="row" style="padding-top:10px;">
   <div class="col-sm-7 col-xs-7 text-right">Pump's riser size (N.P.T):</div>
   <div class="col-sm-4 col-xs-4"><select name="pmprissiz">
      <option value="1.5">1.5<option>
      <option value="2">2<option>
      <option value="2.5">2.5<option>
      <option value="3">3<option>
      <option value="4">4<option>
      <option value="5">5<option>
      <option value="6">6<option>
      <option value="8">8<option>
   </select>&nbsp;<span style="font-size:14px;">(in)</span></div> 
</div>
Why is there a blank space between each option in the list. See attached screen shot.
Thank you

Why is there a blank line inbetween each option in an HTML select list.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

<div class="row" style="padding-top:10px;">
	<div class="col-sm-7 col-xs-7 text-right">Pump's riser size (N.P.T):</div>
	<div class="col-sm-4 col-xs-4"><select name="pmprissiz">
	<option value="1.5">1.5<option>
	<option value="2">2<option>
	<option value="2.5">2.5<option>
	<option value="3">3<option>
	<option value="4">4<option>
	<option value="5">5<option>
	<option value="6">6<option>
	<option value="8">8<option>
	</select> <span style="font-size:14px;">(in)</span></div>
	</div>