How to align button and ul elements horizontally : <p>I want to achieve following layout:</p>

<p>[my button][hello1][hello2]</p>

<p>This is html:</p>

<pre><code>&lt;div id='container'&gt;

  &lt;button id='my-button'&gt;my button&lt;/button&gt;
  &lt;ul id='my-ul'&gt;

    &lt;li&gt;hello1&lt;/li&gt;
    &lt;li&gt;hello2&lt;/li&gt;

  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>How to define css?</p>
