title: dl and span tag in one line
body: <p>I have the code like this </p>
  
  <pre><code>&lt;div&gt;
  &lt;span&gt;This is text&lt;/span&gt;
  &lt;span&gt;
      &lt;dl&gt;
          &lt;dt&gt;&lt;a href="#"&gt;&lt;span&gt;Please select category&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
          &lt;dd&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Brazil&lt;span class="value"&gt;Cat1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;France&lt;span class="value"&gt;Cat2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/dd&gt;
      &lt;/dl&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The output I want is in one line like this.</p>
  
  <p>This is text {Please Select Category dropdownbox}</p>
  
  <p>Currently, the problem i got is, it became two line.</p>
  
  <p>How can i get it into one line ? Please kindly help me with it. Thanks.</p>