I can't understand where the space is coming from at the top-front of my first column.
Both columns should begin at the same horizontal line.
Ignore the margin values.
That was for aligning it horizontally with the rest of the container.
@import url('//fonts.googleapis.com/css?family=Roboto');.column { font: 12px 'Roboto'; column-count: 2; column-gap: 2em; max-width: 52%; min-width: 300px; margin: 30px 0 auto 25%;}<div class="column"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in sem rhoncus orci dapibus posuere ut id justo. Maecenas in venenatis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean dignissim neque sit amet erat placerat hendrerit. Mauris faucibus id elit quis varius. Praesent egestas eu nunc sit amet fermentum. Duis ac hendrerit orci. Nulla sed metus ullamcorper, molestie dolor vitae, lobortis tellus. Aliquam sagittis tortor eu lectus rhoncus, et ullamcorper ante rutrum. Etiam tincidunt rhoncus ligula, scelerisque molestie quam. Etiam a nisl in nibh congue pulvinar sit amet non nibh. Vivamus vel tincidunt sapien. Nullam leo ipsum, tincidunt molestie fermentum a, cursus quis ipsum.</p></div>
