Q: Child elements of link not overriding text-decoration when link is display flex I have a some trouble when link css display property is flex: child elements of link not overriding text-decoration property.
Example: http://jsfiddle.net/wu627vn3/
.test{
    text-decoration:none;
    display:inline-block;
    color: red;
}

<a href="#" style="display: flex;">
    <div class="test">
        This isn't.
    </div>
    <div class="test">
        This isn't.
    </div>
</a>


A: You have to add text-decoration to anchor


.test {
  display: inline-block;
  color: red;
}

a {
  text-decoration: none
}
<a href="#" style="display: flex;">
  <div class="test">
    This isn't.
  </div>
  <div class="test">
    This isn't.
  </div>
</a>


