table
tbody
tr
th item name
td detail
tr
th item name
td detail
tr
th item name
td detail
View Compiled
table {
width: 70%;
margin: 0 auto;
th {
display: flex;
align-items: center;
width: 100%;
&::after {
background: radial-gradient(circle farthest-side, gray, gray 30%, transparent 30%, transparent);
background-size: 6px 6px;
content: '';
display: block;
flex-grow: 1;
height: 6px;
margin: 0 1%;
}
}
td {
width: 4em;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.