<p>Given this HTML:</p>

<pre><code>&lt;div&gt;foo&lt;/div&gt;&lt;div&gt;bar&lt;/div&gt;&lt;div&gt;baz&lt;/div&gt;
</code></pre>

<p>How do you make them display inline like this:</p>

<blockquote>
  <p>foo bar baz</p>
</blockquote>

<p>not like this:</p>

<blockquote>
  <p>foo<br>
  bar<br>
  baz  </p>
</blockquote>

Try writing it like this:
```
```
div { border: 1px solid #CCC; }
```
```
```
```
<div style="display: inline">a</div>
    <div style="display: inline">b</div>
    <div style="display: inline">c</div>
```
```