- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Mon, 3 Feb 2014 22:38:03 -0800
- To: "www-style@w3.org" <www-style@w3.org>
Consider following markup: <div>text that contains <span .container> <span .c1 >Inline</span> <span .c2 >Block</span> <span .c3 >Elements</span> </span> </div> With the style: span.container { vertical-align:baseline; display:inline-block; } span.container > span { display:inline-block; } Here is an illustration of possible rendering: http://terrainformatica.com/w3/baseline-align.png I have the following hypothesis regarding the above: vertical-align:baseline on inline-block container makes sense only when it defines alignment of the container itself *and* its content at the same time. Baseline of horizontal container is a common line of base lines of its children, by the definition of baseline. This observation applies to horizontal flex boxes and rows in various layouts I believe. So for horizontal inline-flex elements 'align-content:auto' shall mean 'align-content:baseline' if that element has vertical-align:baseline defined. No? -- Andrew Fedoniouk. http://terrainformatica.com
Received on Tuesday, 4 February 2014 06:38:31 UTC