DimJavaScript,
вариант...
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/minireset.css/0.0.2/minireset.min.css'>
<style type="text/css">
body {
height: 100vh;
background-color: #f0e68c;
}
.smi {
height: 19.4%;
display: flex;
}
.border {
height: 100%;
background-color: #0000cd;
}
.border:nth-child(1) {
flex: 0 0 200px;
background-color: #00ced1;
}
.border:nth-child(2) {
flex: 1;
background-color: #da70d6;
}
.smi_t {
margin-left: 2%;
margin-right: 2%;
white-space: nowrap;
background-color: #9932cc;
}
</style>
</head>
<body>
<div class="smi">
<div class="border"><img class="img_ba" src="/img/arc.png"></div>
<div class="border">
<div class="smi_t">ONE</div>
</div>
<div class="border be"><img class="img_ba" src="/img/arc.png"></div>
</div>
</body>
</html>