diff --git a/index.html b/index.html index c15bbb4..01ca740 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,23 @@
This is paragraph text. Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ ++ This is paragraph text. Lorem ipsum dolor sit amet consectetur adipisicing elit. +
This is more paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid amet architecto aspernatur atque aut consequuntur dicta dolore eligendi fugit harum labore maxime, nulla diff --git a/src/system-selectors.css b/src/system-selectors.css index 92df003..d41105d 100644 --- a/src/system-selectors.css +++ b/src/system-selectors.css @@ -390,13 +390,14 @@ max-inline-size: 100%; block-size: auto; } - main :is(img, picture, svg) { + :is(p, li, td, dd) > :is(img, picture, svg) { float: inline-end; - margin-inline-start: var(--system-spacing-main-inline); - max-inline-size: 30cqw; + margin-inline-start: var(--system-spacing-column-gap); + margin-block-end: var(--system-spacing-element-block); + max-inline-size: 36cqw; } @container --content (width < 42ch) { - main :is(img, picture, svg) { + :is(p, li, dd, td) > :is(img, picture, svg) { width: 100%; max-inline-size: unset; }