在div中对齐元素

Question

我有一个div，其中包含两个div。第一div必须向左对齐，第二div必须为 对齐到相对父div的中心。请您帮我。这是我的jsfiddle：https://jsfiddle.net/armakarma/zy3L9a7h/

html

<div class='test'>
  <div class='logo'>logo</div>
  <div class='title'> title </div>
</div>

css

.test{
  display:flex;
  border:1px solid black;
}
.title{
  margin: 0 auto;
}
.logo{
  width:160px;
  border:1px solid red;
}