minerva/Tests/LibWeb/Layout/input/abspos-flexbox-with-auto-width.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Layout / input / abspos-flexbox-with-auto-width.html

minerva on 13 Jul 382 bytes Initial commit

Raw Blame History

<!DOCTYPE html>
<style>
#containing-block {
  width: 200px;
  height: 100px;
  background: red;
}

#inner-flex {
  display: flex;
  justify-content: center;
}

span {
  display: block;
  width: 50px;
}
</style>
<div id="containing-block">
  <div id="inner-flex">
    <div style="position: absolute; height: 100px; background: green;">
      <span></span>
    </div>
  </div>
</div>