title: Display-flow under grid (foundation framework)
body: <p>The following form is generating HTML items as block (on their own line) whereas I am attempting to place them on the same line:</p>
  
  <pre><code>        &lt;form class="add-form" action="/cartitems/add_item" accept-charset="UTF-8" method="post"&gt;
            Quantity &lt;input type="number" name="quantity" id="quantity" step="1" style="float: right; display-inside: flow;" /&gt;
            &lt;input type="submit" name="commit" value="add" class="add-form" /&gt;
          &lt;/form&gt; 
  </code></pre>
  
  <p>They are being generated under the Foundation 6 framework for XY grid.  Clearly, the implementation of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display-inside" rel="nofollow noreferrer">display attribute</a> is incorrect or incomplete.</p>
  
  <p>How can the word <code>quantity</code> be on the same line as the input field ?</p>