How about something like:
.screwyorder {
position:relative;
height:5em: /* or whatever is appropriate */
}
.screwyorder h1 {
position:absolute;
bottom:0;
}
.screwyorder h2 {
position:absolute;
top:0;
}
--
<div class="screwyorder">
<h1>Head text</h1>
<h2>Subhead text</h2>
</div>
Rick Gordon
------------------
On 12/19/13 at 5:00 PM -0500, Tom Livingston wrote in a message entitled
"[css-d] Visual styling vs. source order":
>List,
>
>Hopefully this is related to CSS enough for this list...
>
>Visually, the layout I'm looking at has a smaller line of copy, I'd
>call it a subhead, above a larger line of copy, what I would consider
>the headline.
>
>Is it wrong to have an H2 before an h1, which would lend itself to the
>visual look as well as the importance of the lines of copy, or should
>they be in a h1 then h2 source order and somehow arrange them with css
>to match the layout. And if the latter is more correct, what's the
>best way to just swap their visual order? The layout is just the two
>lines, centered horizontally, below a nav bar.
>
>I guess this is as much a semantics question as much of a CSS question.
--
___________________________________________________
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___________________________________________________
WWW: http://www.shelterpub.com
______________________________________________________________________
css-discuss [[email protected]]
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/
