[csswg-drafts] [css-flexbox][align-items] Support for aligning items to the center of the first line. (#9854)

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

== [css-flexbox][align-items] Support for aligning items to the center of the first line. ==
## Spec links:
[align-items-property](https://www.w3.org/TR/css-flexbox-1/#align-items-property)

## Premise:
I'm recently finding myself in this situation where I want to align a checkbox or a help icon with the first line of the content.

but it seems that the only way to achieve something like this would implied making a container around the input and align visually the checkbox with the text (which could later break when the `font-size`/`line-height` change)

## Proposal:

would it make sense having a property under `flexbox`, something like `align-items: first-line-center` for these cases?

[codepen](https://codepen.io/koturno/pen/dyrVJGx?editors=1100)

![image](https://github.com/w3c/csswg-drafts/assets/38018741/b44a49ae-3f6f-455b-8db3-07d0fcbcb854)
![image](https://github.com/w3c/csswg-drafts/assets/38018741/5e7a660e-6a42-4f03-a512-bfd57dfede16)



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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 25 January 2024 05:44:04 UTC