2nd line indent on wrapped text?

[Nick Riviera]

hey everyone

wasn't sure if this was an html or php issue. i'm working on a wordpress site (http://subt.net/wordpress) and having trouble figuring out how to indent the 2nd line of wrapped text w/in a .php widget. see full widget php code below.

on the subt.net/wordpress site, if you look under the 'up and coming shows' left sidebar widget, there's a show titled 'eli paperboy reed & the true loves'.. many of the show entries are only 1-lined, but in some cases it spills on the 2nd line. in those cases, i'd like the 2nd to indent so it lines up with the artist name instead of the show date.

i've tried adding nbsp's to the show's title. it's a quick fix and displays perfectly inside the widget, but the nbsp's are shown on other pages where the show title appears.

is there anyway format this w/in php? i'm a php newbie btw, any help is greatly appreciated!

<?php
 
//Sidebar Widget file
 
 
class ListCategoryPostsWidget extends WP_Widget{
 
    function ListCategoryPostsWidget() {
        parent::WP_Widget(false, $name = 'ListCategoryPostsWidget');
    }
 
    function widget($args, $instance) {
        extract( $args );
        $title = apply_filters('widget_title', $instance['title']);
        $limit = (is_numeric($instance['limit'])) ? $instance['limit'] : 5;
        $orderby = ($instance['orderby']) ? $instance['orderby'] : 'date';
        $order = ($instance['order']) ? $instance['order'] : 'desc';
        $exclude = ($instance['exclude'] != '') ? $instance['exclude'] : 0;
        $excludeposts = ($instance['excludeposts'] != '') ? $instance['excludeposts'] : 0;
        $offset = (is_numeric($instance['offset'])) ? $instance['offset'] : 0;
        $category_id = $instance['categoryid'];
        $dateformat = ($instance['dateformat']) ? $instance['dateformat'] : get_option('date_format');
                $showdate = ($instance['show_date'] == 'on') ? 'yes' : 'no';
                $showexcerpt = ($instance['show_excerpt'] == 'on') ? 'yes' : 'no';
                $showauthor = ($instance['show_author'] == 'on') ? 'yes' : 'no';
                $showcatlink = ($instance['show_catlink'] == 'on') ? 'yes' : 'no';
 
                echo $before_widget;
                echo $before_title . $title . $after_title;
                $atts = array(
                        'id' => $category_id,
            'orderby' => $orderby,
            'order' => $order,
            'numberposts' => $limit,
            'date' => $showdate,
            'author' => $showauthor,
            'dateformat' => $dateformat,
            'template' => 'default',
            'excerpt' => $showexcerpt,
            'exclude' => $exclude,
            'excludeposts' => $excludeposts,
            'offset' => $offset,
            //'tags' => '',
            //'content' => 'no',
                        'catlink' => $showcatlink
                    );
 
               echo list_category_posts($atts);
               echo $lcp_result;
        echo $after_widget;
    }
 
    /** @see WP_Widget::update */
    function update($new_instance, $old_instance) {
        return $new_instance;
    }
 
    /** @see WP_Widget::form */
    function form($instance) {
        include('lcp_widget_form.php');
    }
}
add_action('widgets_init', create_function('', 'return register_widget("listCategoryPostsWidget");'));
 
?>
 

[dgreenhouse]

The easiest way to deal with this is to have 2 paragraphs, 2 divs, or a table with 2 columns. One for the date and the other for the content. That way, the content will always be left aligned without having to worry about fancy alignment methods. It's darn near impossible anyway given most font metrics.

Using a table:

<table><tr><td><a href="http://subt.net/wordpress/?p=481">03/23</a></td><td><a href="http://subt.net/wordpress/?p=481">Eli Paperboy Reed &amp; The True Loves (17+)</a></td></tr></table>
 

You'd have to work out the vertical alignment.

Obviously with the <p> and <div> elements you'll need some additional css.

I don't remember if using a table is semantically correct, but since it's a block-level element, I believe it is.