One-third column being pushed down when entering long text

[margagn]

Using the index.html in the download package, I created a quick two-third, one-third column page. I want the two columns to be side-by-side. With the following code below, it works great. However, if I am adding a very long text anywhere in the first two-third column, the second column (one-third) is being pushed down on its own line and the two columns aren't side-by-side anymore.

Is that expected or I am missing something? I would expect the 2/3 and 1/3 column to stay the same and just the text to wrap.

Thanks!

    <div class="container">
        <div class="two-third column">
            <h3>Title</h3>

            <ul class="square">
                <li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets</li>
                <li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
                <li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
            </ul>
        </div>
        <div class="one-third column">
            <h3>My Title</h3>
            <p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p>
        </div>
    </div>

[dhg]

Hey @margagn - It just needs to be "two-thirds column", not "two-third column".

Hope that helps!