,
4 tweets,
2 min read
Read on Twitter
Let's say your Pulitzer Prize-winning colleagues have unearthed new tax information about the president, and need you to make a bar chart to illustrate their findings. Bar charts are easy, right? But there's a catch. nytimes.com/interactive/20…
By the mid-90s, the losses are large enough that to do them justice would take more vertical space than we can allow for the chart. So we decide to let the bars break out of the chart boundary and into the text. 
That part's easy enough, but now we need to displace the text somehow. The text is coming from the CMS; I have no control over it. By default, it will run across the bars, which is obviously no good. But we *can* add CSS to the page.
Using the + selector combinator, we can target the paragraph immediately after the embed. And using a ::before pseudo-element, we can insert a box that forces the text to flow around it. Throw in a media query for responsiveness, and voila! The text flows around the chart.
