JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div class="story">
    <div class="left">
         <strong>Wohnungen</strong><br/><br/><br/>
         <p><a href="wohnungen.html#ap1">Whg 1 - 47 qm - max 3 Pers.</a></p>
         <p><a href="wohnungen.html#ap2">Whg 2 - 47 qm - max 3 Pers.</a></p>
         <p><a href="wohnungen.html#ap3">Whg 3 - 61 qm - max 4 Pers.</a></p>
         <p><a href="wohnungen.html#ap4">Whg 4 - 61 qm - max 4 Pers.</a></p>
         <p><a href="wohnungen.html#ap6">Whg 6 - 27 qm - max 2 Pers.</a></p>
         <p><a href="wohnungen.html#ap7">Whg 7 - 93 qm - max 4 Pers.</a></p>
         <p><a href="wohnungen.html#ap8">Whg 8 - 72 qm - max 4 Pers.</a></p>
         <p><a href="wohnungen.html#ap9">Whg 9 - 78 qm - max 4 Pers.</a></p>
    </div>
    <div class="right">
         <img/>
    </div>
</div>

CSS

.story {
    width:500px;
    display:inline-block;
}
.left {
    float:left;
    width:180px;
}
 
.right{
    height:320px;
    width:auto;
    margin-top:0px;
    border:none;
    float:right;
    display:block;
}
.right img {
    background:color:#ff00ff;
} 
.story p {
    margin-bottom: 8px;
}