Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
<meta charset="UTF-8">
<style>
#columns {
column-count: 2;
column-rule: 1px solid lightgray;
border: 1px solid lightblue;
width: 450px;
}
img {
user-select: none;
}
</style>
<div id="columns" contenteditable="true">
<div id="before-image-1">Before image 1</div>
<div><img width="100px" height="30px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="></div>
<div>After image 1</div>
<div>Before image 2</div>
<div><img width="100px" height="30px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="></div>
<div>After image 2</div>
</div>