title: How can I fix column breaks in an Rmarkdown / ioslides presentation
body: <p>Using what is currently the development version of RStudio (0.98.758), I'm loving that I can author an <code>ioslides</code> presentation in <code>rmarkdown</code>.</p>
  
  <p>The <a href="http://rmarkdown.rstudio.com/ioslides_presentation_format.html#advanced-layout" rel="noreferrer">rmarkdown docs for this format</a> give a description of how to do a two-column slide, and it comes with the warning that:</p>
  
  <blockquote>
    <p>Note that content will flow across the columns so if you want to have an image on one side and text on the other you should make sure that the image has sufficient height to force the text to the other side of the slide.</p>
  </blockquote>
  
  <p>But I can't seem to possibly make an image big enough! Text still gets pushed off the bottom of the first column. In the presentation below, I'd like to compare a base histogram with a <code>qplot</code> histogram side-by-side in columns, with a few comments and code. I've included code for a relatively short example with some basic solution attempts. If you'll knit it, I think the problem will be obvious. (Note that you will need a <a href="http://www.rstudio.com/ide/download/preview" rel="noreferrer">preview version of RStudio</a>.)</p>
  
  <pre><code>---
  title: "Two Column"
  author: "Some guy on Stack Overflow"
  date: "Friday, April 04, 2014"
  output: ioslides_presentation
  ---
  
  ## Two-Column Attempt {.smaller}
  
  &lt;div class="columns-2"&gt;
  Base graphics can be quick...
  
  ```{r, fig.width = 3, fig.height = 4}
  par_opts &lt;- names(par())
      hist(nchar(par_opts),
           breaks = seq(1.5, 9.5, by = 1))
  ```
  
  But `ggplot2` can be quick too:
  
  ```{r, fig.width = 2.5, fig.height = 2.5}
  require(ggplot2, quietly = T)
  qplot(factor(nchar(par_opts)))
  ```
  &lt;/div&gt;
  
  ## Two-Column Attempt: Taller Hist {.smaller}
  
  &lt;div class="columns-2"&gt;
  Base graphics can be quick...
  
  ```{r, fig.width = 3, fig.height = 6}
  par_opts &lt;- names(par())
      hist(nchar(par_opts),
           breaks = seq(1.5, 9.5, by = 1))
  ```
  
  But `ggplot2` can be quick too:
  
  ```{r, fig.width = 2.5, fig.height = 2.5}
  require(ggplot2, quietly = T)
  qplot(factor(nchar(par_opts)))
  ```
  &lt;/div&gt;
  
  ## Two-Column Attempt: Extra div {.smaller}
  
  &lt;div class="columns-2"&gt;
  
  Base graphics can be quick...
  
  ```{r, fig.width = 3, fig.height = 4}
  par_opts &lt;- names(par())
      hist(nchar(par_opts),
           breaks = seq(1.5, 9.5, by = 1))
  ```
  
  &lt;div&gt;
  ...
  &lt;/div&gt;
  
  But `ggplot2` can be quick too:
  
  ```{r, fig.width = 2.5, fig.height = 2.5}
  require(ggplot2, quietly = T)
  qplot(factor(nchar(par_opts)))
  ```
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's an image of the 4th slide, you can see text is cut off at the bottom of the left column, while the right column has plenty of space.</p>
  
  <p><img src="https://i.stack.imgur.com/Asu3r.png" alt="cut off"></p>