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

Re: Define <br> by CSS means?

From: Lea Verou <leaverou@gmail.com>
Date: Fri, 20 Jul 2012 23:44:12 -0700
Cc: www-style@w3.org
Message-Id: <8CB3419A-21C5-4C18-BB0F-83B4064B738D@gmail.com>
To: Andrew Fedoniouk <news@terrainformatica.com>
You can do it already, almost as easily, with something along the lines of:

div>span:nth-child(3)::after {
	content: '\A';
	white-space: pre;
}

Lea Verou (http://lea.verou.me | @LeaVerou)

On Jul 20, 2012, at 22:30, Andrew Fedoniouk wrote:

> 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?
> 
> -- 
> Andrew Fedoniouk.
> 
> http://terrainformatica.com
> 
Received on Saturday, 21 July 2012 06:44:44 GMT

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