body { margin-left: 20px; margin-top: 20px; color: #fcfcfc; background-color: #222; } ul { width: 450px; padding: 8px; border: 1px solid #888; border-radius: 16px; } li { display: flex; padding: 3px; list-style-type: none; background-color: #444; border-radius: 8px; } li:not(:last-child) { margin-bottom: 8px; } li > .elt-name { flex-grow: 1; padding: 2px 0px 2px 4px; } li > .elt-rep { display: flex; } li > .elt-rep > div { padding: 2px; margin-left: 3px; text-align: center; width: 60px; background-color: #333; } li > .elt-rep > div:first-child { border-radius: 6px 0px 0px 6px; } li > .elt-rep > div:last-child { border-radius: 0px 6px 6px 0px; }