min-content-negative-margin-inline-crash.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-sizing/min-content-negative-margin-inline-crash.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Test: min-content with negative margins cancelling inline sizes must not crash</title>

<!-- Span with padding followed by a different span with negative margin -->

<div style="width:min-content">

  <span style="padding-left:50px;"></span><span style="margin-left:-50px;"></span>text content here

</div>

<!-- Border variant -->

<div style="width:min-content">

  <span style="border-left:50px solid transparent;"></span><span style="margin-left:-50px;"></span>text content here

</div>

<!-- padding-right + negative margin-left on next element -->

<div style="width:min-content">

  <span style="padding-right:50px;"></span><span style="margin-left:-50px;"></span>text content here

</div>

<!-- Multiple cancellations -->

<div style="width:min-content">

  <span style="padding-left:30px;"></span><span style="padding-left:20px;"></span><span style="margin-left:-50px;"></span>text

</div>

<!-- Long word variant -->

<div style="width:min-content">

  <span style="padding-left:50px;"></span><span style="margin-left:-50px;"></span>longwordwithoutbreaks

</div>