Tim Climis skrev:
> On Monday, May 25, 2009 12:20:06 pm Benct Philip Jonsson wrote:
>> I'm looking for a way to style definition list so
>> that the terms run into the definition block like in a
>> dictionary,
>
> floating or displaying your dt's inline would do it.
>
> so
>
> dl.dictionary dt {
> float: left;
> margin-right: 0.25em /* the space between the word and the def */
> }
This worked, although I needed to remove the left margin of
the <dd>s too to make it look good
dl.dictionary dt {
font-weight: bold;
float: left;
margin-right: 0.25em /* the space between the word and
the def */
}
dl.dictionary dd { margin-left: 0; }
> or
>
> dl.dictionary dt {
> display: inline;
> }
I did try various tricks with display: inline; before.
It doesn't work. I also tried float before but thought that
I had to float both the <dt> and the <dd>. You learn
something every day.
Extra points to you for spotting that it was a dictionary! ;-)
/BP 8^)>
--
Benct Philip Jonsson -- melroch atte melroch dotte se
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"C'est en vain que nos Josués littéraires crient
à la langue de s'arrêter; les langues ni le soleil
ne s'arrêtent plus. Le jour où elles se *fixent*,
c'est qu'elles meurent." (Victor Hugo)
> ---Tim
______________________________________________________________________
css-discuss [cs...@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/
