JSFiddle - React, Tailwind, and code Playground

by kevinPHPkevin

HTML

<ol>
    <li><span class="one">Title one here</span><span class="pdf">152MB</span></li>
    <li><span class="one">Title</span><span class="pdf">52MB</span></li>
    <li><span class="one">Title one here</span><span class="pdf">152MB</span></li>
</ol>

CSS

ol {
    list-style:none;
}
li {
    width: 400px;
    position:relative;
     border-bottom: thin black dotted;
    padding:10px 0;
}
.pdf {
    position:absolute;
    right:0;
    bottom:-17px;
}
.one {
    position:absolute;
    left:0;
    bottom:-17px;
}
span {
    background:#fff;
    display:block;
    margin-bottom:13px;
}