Hello,
I think your very first idea was not bad at all but here is an
addition to that:
(i guess its a semantic and valid way):
----------------------
your style:
span.private {
display: block;
margin: 2em 0 0 0;
/* or whatever, px, % */
}
your code:
<ul>
<li>
Lots of txt here. ( .... if really lots of ... ) Lots of txt here. <a
href="#"><span class="private">This is your link</span></a>
</li>
<ul>
------------------------
Hope it helps,
Regards,
Janos
On 7/20/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
Paul Bennett wrote:
> I'm trying to achieve the following:
> -------------------------
> * list item - loads of text here. loads of text here.loads of text here.
> loads of text here.loads of text here.loads of text here.loads of text here.
>
> http://link.here
> ----------------------
>
> (note the line break between the link and the list item text)
> Can anyone think of a pure CSS & structural html way of achieving this?
<ul>
<li>
<p>Whatever you want to write on the subject.</p>
<a href="somewhere">some text</a></li>
</ul>
ul li p {margin: 3px 0 2em 0;}
...you'll get the idea.
Georg
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
