<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 4 Test: word-boundary-detection:auto(th) outermost placement</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion">
<link rel="match" href="reference/word-boundary-113-ref.html">
<meta name="assert" content="If a word boundary is found at the same position as one or more inline box boundaries, the virtual word boundary must be inserted in the outermost element that participates in this inline box boundary.">
<style>
div {
  font-size: 2em;
  border: solid black;
  margin: 5px;
  width: 30ch;
}
#test {
  word-boundary-detection: auto(th);
  word-boundary-expansion: space;
}
#ref {
  border-color: blue;
}
u {  background: silver; }
b {  background: green; }
em { background: gray; }
</style>
<!--

This test should pass even in UAs that don't support word-boundary-detection:auto(th)
since inserting virtual word boundaries is the default for south-east-asian languages.
-->

<p>Test passes if the black box is identical to the blue one.

<div id=test lang=th>กรุงเทพ<b><u>คือ</u><em>สวยง</em></b>าม</div>
<div id=ref lang=th>กรุงเทพ <b><u>คือ</u> <em>สวยง</em></b>าม</div>