I’m creating a document for print using HTML and CSS, and I’m going to export it to PDF. It’s a two-column layout, and I want to add a sidebar that’s aligned to the top right. The document is several pages long, and there could be other sidebars as well on later pages. There’s a simplified version of the markup below. It’s not working – is it possible?

HTML

<article>
    <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsa esse ad vitae minus unde commodi ullam non cupiditate quibusdam dignissimos laborum laboriosam asperiores sit eius itaque nostrum dolorum, nesciunt saepe?</div>
    <aside>This is a sidebar. I want to be floated on the right-hand side, with main text flowing around me. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque doloremque blanditiis, suscipit quibusdam inventore neque magnam ducimus commodi aliquam debitis nisi voluptatem sint provident tempore.</aside>
    <div>Lorem, ipsum dolor sit, amet consectetur adipisicing elit. Obcaecati recusandae aspernatur cupiditate dignissimos, quod inventore expedita doloribus sunt velit illo suscipit ipsum. Modi at cum nam fugit architecto, quisquam enim placeat magnam nemo eveniet saepe quos expedita aliquam praesentium molestias eaque qui amet, magni. Est illum amet tenetur cumque a omnis nisi ad saepe unde labore similique rem officiis eum, beatae, sit voluptates magnam ratione totam, vitae.</div>
    <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia natus qui veritatis ullam cum dolor laudantium, animi ratione fugiat atque cupiditate, pariatur deleniti sit reiciendis saepe odio modi unde! Doloremque.</div>
</article>

CSS

article {
    columns: 2;
}

aside {
    background-color: #ccc;
    float: right;
    width: 100%;
}