<!DOCTYPE html>
<title>Reference for specifying flex:none on wrappable content should give content its full width</title>

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
span {
  font-family: Ahem;
  color: green;
}
</style>

<div><span>XXX XXX XXX</span></div>

<div style="margin-top: 1em;">You should see three green rectangles above, all on the same line.</div>