<title>CSS layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
border: 1px dashed black;
.container-one .row-title{ .container-one .row-content{ justify-content: space-between;
.container-one svg.content-icon{<div class="container-one">
<div class="row-title">...</div>
<div class="row-content">
<div class="content-start">Start</div>
<svg class="content-icon" width="30" height="10" viewBox="0 0 30 10"></svg>
<div class="content-end">End</div></div>
<div class="row-title">One</div>
<div class="row-content">
<svg width="100" height="10" viewBox="0 0 100 10"></svg>
<div class="row-title">Two</div>
<div class="row-content">
<svg width="100" height="10" viewBox="0 0 100 10"></svg>
<div class="row-title">Three</div>
<div class="row-content">
<svg width="100" height="10" viewBox="0 0 100 10"></svg>
<div class="row-title">Four</div>
<div class="row-content">
<svg width="100" height="10" viewBox="0 0 100 10"></svg>