<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.content-container {
clear: both;
content: "";
display: table;
width: 100%;
padding: 40px 0;
background-color: #d1d2e3;
}
.right {
width: 100px;
background-color: #4b89b8;
float: right;
}
.left {
width: calc(100% - 100px);
background-color: #42d46d;
float: left;
}
</style>
</head>
<body>
<div class="content-container">
<div class="left">Some text</div>
<div class="right">Some text</div>
</div>
</body>
</html>