W3C home > Mailing lists > Public > www-style@w3.org > February 2014

[css-align] vertical-align:baseline

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Mon, 3 Feb 2014 22:38:03 -0800
Message-ID: <CALRQH788rPDrYW1fwu86skPk-9x7s0-hN4kExqCcFZv0B3XFvQ@mail.gmail.com>
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>

With the style:

span.container {  vertical-align:baseline; display:inline-block; }
span.container > span { display:inline-block;  }

Here is an illustration of possible rendering:

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.


Andrew Fedoniouk.

Received on Tuesday, 4 February 2014 06:38:31 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:18 UTC