title: Extract HTML information from df variable
body: <p>Dear stackoverflow community,</p>
  <p>This is my first time asking a question here. Hope you could cut me some slack.
  Here is the description of a problem:</p>
  <ol>
  <li>I convert KML file to CSV using ogr2org <br />
  <code>ogr2ogr -f CSV output.csv 'some KML file'.kml</code></li>
  <li>I then read in the csv file in pandas <br />
  <code>data = pd.read_csv('output.csv')</code></li>
  </ol>
  <ol start="3">
  <li>After deleting some bizarre columns I end up having the following:</li>
  </ol>
  <pre><code>In[1]: data.head(8)
  Out[1]: 
                                            description   ID
  0   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   1
  1   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   10
  2   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   100
  3   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   1000
  4   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   10000
  5   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   10001
  6   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   10002
  7   &lt;div class=&quot;googft-info-window&quot;&gt;\n&lt;b&gt;ID:&lt;/b&gt; 1...   10003
  </code></pre>
  <ol start="4">
  <li>The representative string under <strong>description</strong> variable is as follows:</li>
  </ol>
  <pre><code>    &lt;div class=&quot;&quot;googft-info-window&quot;&quot;&gt;
      &lt;b&gt;ID:&lt;/b&gt; 1&lt;br&gt;
      &lt;b&gt;class:&lt;/b&gt; 1&lt;br&gt;
      &lt;b&gt;fold:&lt;/b&gt; 5
      &lt;/div&gt;
  </code></pre>
  <p>My question is how can I extract clean information from the 'description' column and add it to the same row using all the <code>&lt;b&gt;...&lt;\b&gt;</code> as a column names.</p>
  <p>Thank you.
  P.S. Please let me know how I can improve my questions in the future.</p>