Yes, I would wrap in a <p> or in a <li> (replace the div with a <ul> in this case).
Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 17, 2013, at 11:25 AM, Tom Livingston wrote: > Given this structure: > > <div class="sidebar"> > <a href="" class="grey-button icon-info">Infographics</a> > <a href="" class="grey-button icon-calc">Tax Credit Calculator</a> > <a href="" class="grey-button icon-faq">Frequently Asked Questions</a> > </div> > > I have the hrefs set to display:table-cell; so as to use > vertical-align:middle; but they are appearing next to each other in > the browser. I understand why and expect this, but what would be the > proper way to get them each on their own line? Wrap them each in a P > for example, or is there a way to do it within the CSS? > > Thanks > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
