Add column layout for slides

[pachevalier]

Is your feature request related to a problem? Please describe.

When I write slides, I often want to display an image and the text side by side. I'm always frustrated because I've not found any solution to have columns in Reveal/Hackmd slides.

Describe the solution you'd like

I imagine a syntax which would make it possible to have two columns side by side.

Describe alternatives you've considered

Additional context

[artk42]

Highly agree with the use case. I've lost tons of time trying to find workaround, but none worked correct. The craziest i've come up with looked like that, but it is out of control for real usage:

<div style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px dotted #e0e0e0; -moz-column-rule: 1px dotted #e0e0e0; column-rule: 1px dotted #e0e0e0;">
    <div style="display: inline-block;">
        <h2>Good1</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre></div>
    <div style="display: inline-block;">
        <br>
        <h2>Bad1</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre>
        <h2>Good2</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre></div>
    <div style="display: inline-block;">
        <h2>Bad2</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre>
        <h2>Good3</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre></div>
    <div style="display: inline-block;">
        <h2>Bad3</h2>
        <pre><img src="https://i.imgur.com/MslCQzL.png><code class="language-c"></code></pre>
    </div>
</div>

[jackycute]

I found some examples: https://stackoverflow.com/questions/30861845/how-to-use-two-column-layout-with-reveal-js