This is a CSS/HTML question. If you are dealing with HTML you really, really need to learn CSS or you'll never be able to get good results. Here is a solution with the CGI stuff-

use warnings;
use strict;
use CGI ":standard";

print header(), start_html();

print
    start_form(),
    h3('Select Project to view QA Metrics'),
    br(),
    br(),
    "<em><b>Enter Start Date  [dd/mm/yyyy]</b></em><br>",
    textfield(-name=>'start_date',
                    -default=>'07/03/2009',
                    -size=>9,
                    -maxlength=>80),
    br(),
    br(),
    "<em><b>Enter End Date  [dd/mm/yyyy]</b></em><br>",
    textfield(-name=>'end_date',
                    -default=>'08/01/2010',
                    -override=>1,
                    -size=>9,
                    -maxlength=>80),
    br(),
    div({-style=>"float:left; width: 45%; margin:1ex 0 1ex %5"},
        h4("Select Project to View QA Metrics"),
        scrolling_list(-name=>'Projects',
                       -value=>[
                                'ARES',
                                'POSEIDON_SW',
                                'DEIMOS',
                                'MIMAS',
                                'JUPITER',
                                'POSEIDON',
                                'DIONYSUS'],
                       -size=>8,
                       -multiple=>'true',
                       -default=>'ARES'),
        ),
    div({-style=>"float:left; width: 45%; margin:1ex 0 1ex %5"},
        h4("Select from P1, P2, or P1+P2 Bugs Data"),
        radio_group(-name=>'P1P2_bugs',
                    -values=> ['P1', 'P2','P1-P2'],
                    -default=>['P1'],
                    -linebreak=>'true'),
        ),
    div({-style=>"clear:both; text-align:center"},
        submit(-value=>'Submit Project'),
        ),
    end_form();

print end_html();

[download]

In reply to Re: How do I put scrolling_list side by side in my start_form by Your Mother
in thread How do I put scrolling_list side by side in my start_form by rakheek

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.