在子项中创建两个独立且内联的seprate块（其中包含两个块的Banner）

Question

我正在尝试创建一个父块，它有两个相互独立的小块

示例网站：http://cardoneuniversity.com/

html（在标题内）

<header>
  <div class="header-content">
    <div class="client-login">
      <div class="login-left">
        <h2>The best way to start diggin'!</h2>
      </div>
      <div class="login-right">
        <div class="login-form">
          <span class=member">Already a member?</spam>
        </div>
      </div>
  </div>

标题后面的代码更多，但背景内容是

CSS（与我发布的代码有关）

header .header-content {
position:relative;
width:100%;
padding:100px 15px;
text-align:center;
}

header .client-login{
position:relative;
width:100%;
padding-top: 25px;
padding-bottom: 100px;
}

header .login-left {
display: inline-block;
padding-left: 50px;
text-align: left;
}

header .login-right {
display: inline-block;
padding-right: 50px;
text-align: right;
}

这是我想要做的事情的图像：

正如你所看到的，我正在尝试创建一个带有登录选项的“登陆横幅”，但这是我即将旅行的旅程

我尝试过使用“text-align：justify”，但这并没有让我失望。有什么建议吗？