Curious about how to appy a border (top,rightm bottom and left) to the whole content of an email. Kinda like this example from nike. Thanks!
Tuesday, April 25, 2017 at 2:37 PM EST
This should help you achieve the effect you're looking for. Keep in mind, if you nest a wrapper, within a wrapper (which I don't recommend doing) you wall have a border on your inner most elements as well. So you would need to create a different class on the inner most wrapper and target the new class and set the border (or any other styles that are cascading downwards) to 0px.
// notice that .wrapper-inner is a class that you have access
// to so you can incorporate styles on elements inside the .wrapper class
// inky adds the markup during Foundation Watch cmds or Foundation Build cmds
border:1px solid #212131;
<a href="http://nike.com">VOIR EN FRANÇAIS</a>
Add all content you want to have a border here.
Create an Account
Get up to speed FAST, learn straight from the experts who built Foundation.
Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.
Or if you prefer, contact the Foundation Team at [email protected] or (408) 341-0600 x635