柔性;将一个项目居中放置，将一个项目放置在左侧，而不放置右侧项目

Question

我想将.tittles项放在中间（水平），将.hiring项放在左侧。我正在尝试使用Justify-self，但无法正常工作。我该如何解决？

以下示例。

.container {
  display: flex;
  height: 400px;
  width: 600px;
  background-color: #444;
}

.hiring {
  width: 100px;
 height: 100px;
 background-color: red;
 justify-self: flex-start;
}

.tittles{
  width: 100px;
 height: 100px;
 justify-self: center;
 background-color: yellow;
}

<div class="container">
  <div class="hiring"></div> 
  <div class="tittles"></div> 

</div>