[csswg-drafts] [css-display] Interaction of run-in and block inside inline

Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-display] Interaction of run-in and block inside inline ==
How is this supposed to behave?

```html
<span>
  A
  <b style="display: run-in">B</b>
  <div>C</div>
  D
</span>
```

<table>
  <tbody>
    <tr>
      <th align="center">Option 1</th>
      <th align="center">Option 2</th>
    </tr>
    <tr>
      <td valign="top">
        <ol>

<li>The block breaks the inline

```html
<span>
  A
  <b style="display: run-in">B</b>
</span>
<div>C</div>
<span>D</span>
```
</li>

<li>The run-in generates an anonymous block wrapper

```html
<span>
  A
  <anonymous-block>
    <b style="display: run-in">B</b>
  </anonymous-block>
</span>
<div>C</div>
<span>D</span>
```
</li>

<li>The anonymous block breaks the inline

```html
<span>A</span>
<anonymous-block>
  <b style="display: run-in">B</b>
</anonymous-block>
<span></span>
<div>C</div>
<span>D</span>
```
</li>
        </ol>
      </td>
      <td valign="top">
        <ol>

<li>The run-in is inserted inside the block

```html
<span>
  A
  <div>
    <b style="display: run-in">B</b>
    C
  </div>
  D
</span>
```
</li>

<li>The blocks split the inline

```html
<span>A</span>
<div>
  <b style="display: run-in">B</b>
  C
</div>
<span>D</span>
```
</li>
        </ol>
      </td>
    </tr>
    <tr>

<td valign="top">Renders like

```
A
B
C
D
```

</td>
<td valign="top">Renders like

```
A
B C
D
```
</td>
</tr>
</tbody>
</table>





Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1472 using your GitHub account

Received on Sunday, 28 May 2017 21:38:39 UTC