- From: Oriol Brufau via GitHub <noreply@w3.org>
- Date: Tue, 30 Sep 2025 01:57:33 +0000
- To: public-css-archive@w3.org
Fair. So the behavior would be the same as this, right?
```html
<!DOCTYPE html>
<style>
.container {
writing-mode: vertical-lr;
background: gray;
padding: 10px;
margin-bottom: 10px;
}
.container > div {
writing-mode: horizontal-tb;
}
</style>
<div class="container" style="width: min-content">
<div style="background: lightskyblue;">lorem ipsum sit amet</div>
<div style="background: lightcoral;">lorem ipsum sit amet</div>
</div>
<div class="container" style="width: 200px">
<div style="background: lightskyblue;">lorem ipsum sit amet</div>
<div style="background: lightcoral;">lorem ipsum sit amet</div>
</div>
<div class="container" style="width: 100px">
<div style="background: lightskyblue;">lorem ipsum sit amet</div>
<div style="background: lightcoral;">lorem ipsum sit amet</div>
</div>
```
<img width="300" height="163" src="https://github.com/user-attachments/assets/838e25b8-ab6b-4c00-8ee0-7cc1ad6392ac" />
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12843#issuecomment-3349656182 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 30 September 2025 01:57:34 UTC