css - 没有包装器的 Flexbox 网格/标签

Question

有没有办法在不将它们放入包装器的情况下处理这个 flexbox 网格/选项卡中的元素？

http://jsfiddle.net/mu98yotk/

.test {
    border: 1px solid #ccc;
}

.test, .test .wrapper {
    display: flex;
}

.test .wrapper {
    flex: 1;
}

.test .wrapper * {
    margin: 0 auto;
    padding: 0 15px;
}

<div class="test">
    <div class="wrapper">
      <p>Lorem</p>
    </div>
    <div class="wrapper">
      <a href="#">Ipsum</a>
    </div>
</div>

Answer 1

.test {
  border: 1px solid #ccc;
  display: flex;
}
.test > * {
  margin: 0 auto;
  padding: 0 15px;
}
.test > p {
  border-bottom: 2px solid blue;
}

<div class="test">
  <p>Lorem</p>
  <a href="#">Ipsum</a>
</div>