I have created a post that is a table with two columns. The left column of the table contains a graphic, the right of the table contains text. The text has a div class wrapped around it in the home.php file in order to float left the content to the left border of the second column.
Everything works beautifully but for some reason the 'more...' floats left all the way to the first column's left border when all all the content only floats to the left border of the second column as it's supposed to.
I have tried changing:
<?php the_content('more...'); ?>
<?php the_content('<div class="right">more...</div>'); ?>
with the <div class> having float right and right margin properties to get it to align with the left border of the second column. This works but I get an XHTML Validation error saying I cannot put a <div> in that location.
Anyway to format the <!--more--> tag using CSS? Also tried doing it with a <div> within the post, but the code in the home.php file overrides it.