title: Putting a list into two columns in CSS
body: <p>I can't figure out how to get my list into a two column list. I tried some of the examples in other similar questions but it just doesn't change anything.</p>
  
  <pre><code>&lt;div class="section" id="skillset"&gt;
  &lt;h1&gt;SKILL SET:&lt;/h1&gt;
  &lt;h2&gt;Have passed classes which taught all of the following:&lt;/h2&gt;
  &lt;ul class="skills"&gt;
      &lt;li&gt;Intermediate Spanish&lt;/li&gt;
      &lt;li&gt;Microsoft Word&lt;/li&gt;
      &lt;li&gt;Microsoft Power Point&lt;/li&gt;
      &lt;li&gt;Microsoft Excel&lt;/li&gt;
      &lt;li&gt;Dreamweaver&lt;/li&gt;
      &lt;li&gt;Adobe Photoshop&lt;/li&gt;
      &lt;li&gt;CAD Lab&lt;/li&gt;
      &lt;li&gt;Visual Basic&lt;/li&gt;
      &lt;li&gt;C++&lt;/li&gt;
      &lt;li&gt;Java&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like to have 5 items in the list then another 5 to the right of it.</p>
  
  <p>Due in one hour :(</p>