W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2017

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

From: Loirooriol via GitHub <sysbot+gh@w3.org>
Date: Sun, 28 May 2017 21:38:32 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-231896471-1496007511-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.3.1 : Monday, 23 October 2017 10:12:54 UTC