<div class="sait">
<div class="sait__text sait__text--one">left</div>
<div class="sait__text sait__text--two">right</div>
</div>.sait {
display: flex;
flex-direction: row;
justify-content: space-between;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index</title>
</head>
<body>
+mixin
+mixin
+mixin
</body>
</html>.circle {
position: relative;
}
.circle::before,
.circle::after {
position: absolute;
content: "";
top: 5px;
with: 100px;
height: 0;
border-top: 1px dotted white;
}
.circle::before {
left: -100%;
}
.circle::after {
right: -100%;
}