title: Vertical separator in between field and its value in Odoo Xml Views
body: <p>I have a view xml in Odoo V13. I had a code as below in div tags. I just want a vertical separated pipe or a line separating field name and its value.</p>
  <p>View as Below:</p>
  <pre><code>&lt;group&gt;
  &lt;div&gt;
     &lt;div class=&quot;row&quot;&gt;
         &lt;label string=&quot;Website&quot; for=&quot;field_id&quot; class=&quot;col-lg-5 font-weight-bold&quot;/&gt;
         &lt;field name=&quot;web_site&quot; id=&quot;field_id&quot; class=&quot;oe_inline&quot;/&gt;
      &lt;/div&gt;
     &lt;div class=&quot;row&quot;&gt;
         &lt;label string=&quot;Apply on First&quot; for=&quot;field_id&quot; class=&quot;col-lg-5 font-weight-bold&quot;/&gt;
         &lt;field name=&quot;Apply_First&quot; id=&quot;field_id&quot; class=&quot;oe_inline&quot;/&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
         &lt;label string=&quot;Start Date&quot; for=&quot;field_id&quot; class=&quot;col-lg-5 font-weight-bold&quot;/&gt;
         &lt;field name=&quot;start_date&quot; id=&quot;field_id&quot; class=&quot;oe_inline&quot;/&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
         &lt;label string=&quot;End Date&quot; for=&quot;field_id&quot; class=&quot;col-lg-5 font-weight-bold&quot;/&gt;
         &lt;field name=&quot;end_date&quot; id=&quot;field_id&quot; class=&quot;oe_inline&quot;/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/group&gt;
  </code></pre>
  <p>My Expected O/p:</p>
  <p><a href="https://i.stack.imgur.com/98GUf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/98GUf.png" alt="Image to view Expected Output" /></a></p>
  <p>Currently I also see more space between Field Name and its value along with no vertical separator as shown in the image.  I want to reduce the space between field and its value.
  I just want to understand if we have any css/bootstrap styling for that.</p>