title: BS4 getText function producing unexpected output
body: <p>The Following html sample produces different results depending on the text style format
  Here is the sample when on one line </p>
  
  <pre><code>card = """
  &lt;ul class="wrapper--inline-block float--left margin-top--15 padding-left--20 font--weight-300"&gt;&lt;li&gt;&lt;span class="font--weight-500"&gt;Minimum Qualification:&lt;/span&gt; Bachelor&lt;/li&gt;&lt;li&gt;&lt;span class="font--weight-500"&gt;Experience Level:&lt;/span&gt; Graduate trainee&lt;/li&gt;&lt;li&gt;&lt;span class="font--weight-500"&gt;Experience Length:&lt;/span&gt; 1 year&lt;/li&gt;&lt;/ul&gt;
  """
  </code></pre>
  
  <p>Output:</p>
  
  <pre><code>Minimum Qualification: BachelorExperience Level: Graduate traineeExperience Length: 1 year
  </code></pre>
  
  <p>And when the html sample is formatted</p>
  
  <pre><code>card = """
  &lt;ul class="wrapper--inline-block float--left margin-top--15 padding-left--20 font--weight-300"&gt;
  &lt;li&gt;&lt;span class="font--weight-500"&gt;Minimum Qualification:&lt;/span&gt; Bachelor&lt;/li&gt;
  &lt;li&gt;&lt;span class="font--weight-500"&gt;Experience Level:&lt;/span&gt; Graduate trainee&lt;/li&gt;
  &lt;li&gt;&lt;span class="font--weight-500"&gt;Experience Length:&lt;/span&gt; 1 year&lt;/li&gt;
  &lt;/ul&gt;
  """
  </code></pre>
  
  <p><strong>The Output</strong></p>
  
  <pre><code>Minimum Qualification: Bachelor
  Experience Level: Graduate trainee
  Experience Length: 1 year
  </code></pre>
  
  <p>Question is, how can make the first case produce the desired output like case two.
  Here is my current code</p>
  
  <pre><code>qualifications=  BeautifulSoup(card, "html.parser")
  print(qualifications.getText())
  </code></pre>