How to use Display Suite to trim whitespace from a field I have created a new content type, Plants, for my web site. One of the fields, scientific name, requires special formatting. Usually it is all italics, but sometimes a mixture of italics and non-italics such as Abelia x grandiflora 'Kaleidoscope'. 

To make this work I defined the field as long text. I have tried several combinations of formats and field templates using Display Suite. The only one that seems to preserve the proper italics is Format Default and Field Template Drupal default. This preservers the proper italics, but results in an empty blank line that looks pretty crummy. See image.

Generated HTML according to Firebug:

&lt;section class="field field-name-field-scientific-name field-type-text-long field-label-inline clearfix view-mode-full"&gt;&lt;h2 class="field-label"&gt;Scientific name:&amp;nbsp;&lt;/h2&gt;&lt;div class="field-items"&gt;&lt;div class="field-item even"&gt;&lt;p&gt;&lt;em&gt;Abelia x grandiflora&lt;/em&gt; 'Kaleidoscope'&lt;/p&gt;




How can I eliminate the blank line or trim the white space at the end?
Sorry for the digression — but semantic markup does matter. This articles speaks well to what it is: https://boagworld.com/dev/semantic-code-what-why-how/ 

Your input filter (or, less possibly, your rich text editor) is adding the paragraph tag. Check out the input filter you're using for this field. If this filter has "Convert line breaks into HTML (i.e. &lt;br&gt; and &lt;p&gt;)" enabled, found here: admin/config/content/formats/&lt;inputfiltername&gt; — this could be adding paragraph tags. Keep in mind changing this will impact how all your fields that use this input filter are rendered. You can always create an additional input filter to suite your needs.