相对绝对中心

Question

如何在div中将跨度居中，如下所示？

.wrap {
  position: relative;
  width: 100%;
  height: 20px;
  background: green;
}

span {
  position: absolute;
  margin-left: -50%;
  top: 0;
  left: 50%;
}

<div class='wrap'>
  <span>my text</span>
</div>

https://jsfiddle.net/bhkg30z1/

在width: 100%;上尝试过text-align: center和span，但是无效。请注意，由于某种原因，我需要将span设为position:absolute，我知道我可以在text-align: center上使用.wrap来使span居中。