JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <table border="1">
        <tr>
            <td class='columns'>
                <div class='relative'>
                    <div id='div1' class='absolute'>preview 1
                        <br />preview 1
                        <br />preview 1
                        <br />preview 1</div>
                </div>	<a href='#1' onmouseover="show('div1')" onmouseout="hide('div1')">link 1</a>

                <br />
                <div class='relative'>
                    <div id='div2' class='absolute'>preview 2
                        <br />preview
                        <br />preview
                        <br />preview</div>
                </div>	<a href='#2' onmouseover="show('div2')" onmouseout="hide('div2')">link 2</a>

                <br />
                <div class='relative'>
                    <div id='div3' class='absolute'>preview 3
                        <br />preview
                        <br />preview
                        <br />preview</div>
                </div>	<a href='#3' onmouseover="show('div3')" onmouseout="hide('div3')">link 3</a>

                <br />
                <div class='relative'>
                    <div id='div4' class='absolute'>preview 4
                        <br />preview
                        <br />preview
                        <br />preview</div>
                </div>	<a href='#4' onmouseover="show('div4')" onmouseout="hide('div4')">link 4</a>

                <br />
                <div class='relative'>
                    <div id='div5' class='absolute'>preview 5
                        <br />preview
                        <br />preview
                        <br />preview</div>
                </div>	<a href='#5' onmouseover="show('div5')" onmouseout="hide('div5')">link 5</a>

                <br />
                <div class='relative'>
                    <div id='div6' class='absolute'>preview 6
                        <br />preview
                        <br />preview
             ...

CSS

.columns {
    -webkit-columns:3 150px;
    -moz-columns:3 150px;
    columns:3 150px;
    padding:8px;
}
.relative {
    position:relative;
    visibility:hidden;
    top:16px;
}
.absolute {
    position:absolute;
    visibility:hidden;
    background-color:#6cf;
    width:100px;
}

JavaScript

function show(id) {
    document.getElementById(id).style.visibility = 'visible';
}

function hide(id) {
    document.getElementById(id).style.visibility = 'hidden';
}