[thelist] Styling in-line elements

Barney Carroll barney.carroll at gmail.com
Tue Mar 17 13:01:04 CDT 2009

For me the definition of inline is an object that follows the flow of text —
meaning that it can break up text nodes. I can think of a few situations
where you might want to have a system of blocks taken out of an inline
context [ <p>I'd have to tell you to check it out on ALA.* <span
class="footnote"><a href="http://alistapart.com">A List Apart — for people
who make websites</a></span></p> with
.footnote{display:none;position:absolute;bottom:0;} p:hover
.footnote{display:block} ] … but if you're sticking inside the flow, you're
more than likely going to screw up your text.
Mate of mine recently told me he didn't bother with float: and just made
everything display:inline. I just kept my eyes firmly fixed on him and
slowly backed out of the room…

Barney Carroll
Web designer & front-end developer

w: www.clickwork.net

t: +44 (0) 7594 506 381

2009/3/17 Jack Timmons <jorachim at gmail.com>

> On Tue, Mar 17, 2009 at 11:40 AM, ben morrison <morrison.ben at gmail.com
> >wrote:
> > Personally, I have no issue with  this.
> >
> > I do have an issue with the reverse however.
> > Styling Block as Inline, as this can lead to invalid markup.
> >
> > Ben
> >
> I can't think of a situation where anyone would do that, although the line
> from styling in-line to invalid markup escapes me (mind you, I'm not
> bothering thinking beyond our development environment right now: everyone
> here knows better).
> That's a good question to pose to my team, though...if "they" made display:
> block to give inline elements block format, and that's ok, wouldn't the
> converse be true?
> I've not read the specs on "why", but in dictionary display: block and
> display: inline are used to remove display: none from a previous style.
> --
> -Jack Timmons
> http://www.trotlc.com
> Twitter: @codeacula
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !

More information about the thelist mailing list