140 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • Sold between 1 000 and 5 000 dollars
za says

i can’t for the life of my figure out why this isn’t working so i thought i’d reach out to the css gods. basically its just a list and every item contains an h3 element with a right floating span displaying the date. i want the entire h3 to act as a link via display:block. what did i screw up?

html: http://pastie.org/376570 css: http://pastie.org/376569

615 posts
  • Power Elite Author
  • Referred more than 2000 users
  • Power Elite Author: Sold between 2 000 000 - 4 999 999 dollars
  • Austria
  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
+4 more
Kriesi says

Works for me, I can click the date as well as the text and it acts as a link.

If your question is how to align the date in the same line as the text: you have to wrap the text “Gaia Framework hahahahaha” into an extra span with the css property float left.

104 posts
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 1 000 and 5 000 dollars
  • Beta Tester
  • Australia
  • Bought between 10 and 49 items
thomasfedb says

Or absolutaly position the span in relation to the link and then use some left margin to push it over.

Thats how i would do it, minimal markup….

140 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • Sold between 1 000 and 5 000 dollars
za says

thanks guys that saved me! i ended up with the following

html: http://pastie.org/377073 css: http://pastie.org/377071

by
by
by
by
by
by