W3C home > Mailing lists > Public > www-style@w3.org > July 2012

Re: Define <br> by CSS means?

From: Simon Sapin <simon.sapin@kozea.fr>
Date: Sat, 21 Jul 2012 09:31:54 +0200
Message-ID: <500A5AEA.7010400@kozea.fr>
To: Andrew Fedoniouk <news@terrainformatica.com>
CC: www-style@w3.org
Le 21/07/2012 07:30, Andrew Fedoniouk a écrit :
> Let's say we have this markup:
>
> <div>
>     <span>1</span>
>     <span>2</span>
>     <span>3</span>
>     <span>4</span>
>     <span>5</span>
>     <span>6</span>
> </div>
>
> and the desire to see these spans broken into two lines:
>    123
>    456
>
> with div style defined as:
>
> div { max-width: max-content; border:1px solid; }
>
> so its width will be set set to max of widths "123" and "456".
>
> Of course we can use <br> in markup between 3 and 4 but it is not CSS-ish.
>
> Something like this:
>
>    div>span:nth-child(3) { line-break:after; }
>
> probably?


Hi Andrew,

You can do as Lea said to have something behave like <br> in CSS. In 
fact that’s how <br> is implemented in some UAs.

Also note that in your markup, there is whitespace before and after each 
<span>. So you will most likely get the max width of "1 2 3" and "4 5 
6". I’ve seen work arounds like this:

...</span><!--
     --><span>...

-- 
Simon Sapin
Received on Saturday, 21 July 2012 07:32:24 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:57 GMT