Jak polączyc ze sobą dwa divy Opcje

[endr1u]

Czy konieczne jest stosowanie takiego kodu?

html

Kod

<div id="puszkaGlowna">
    <div id="tytulNewsa">title
    </div>

    <div id="dataNewsa">date
    </div>
</div>

css

Kod

div#tytulNewsa{float: left; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
div#dataNewsa{float: right; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}

czy da sie to zrobic jakos mniej bolesnie?

[endr1u]

wy mnie w ogole nie rozumiecie moze cos niejasno napisalem.. mam kod :

Kod

body, div, table, p, ul, li, a, form, input, label{margin: 0px; padding: 0px; text-align: center;}

body{font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #000000; margin: 20px;}

div#puszkaGlowna{width: 1024px; padding: 0px; background-color: green; margin: 0px auto; border: 1px solid;}
div#tytulNewsa{float: left; width: 50%; border-bottom: 1px solid; padding: 2px 5px 2px 5px; text-align: left; margin: 0px;}
div#dataNewsa{float: right; width: 50%; border-bottom: 1px solid; padding: 2px 5px 2px 5px; text-align: right; margin: 0px;}
div#trescNewsa{clear: both; height: 150px; border-bottom: 1px solid; padding: 15px 25px 15px 25px;}
div#panelNewsa{clear: both; padding: 2px 15px 2px 0px; text-align: right;}

a html :

Kod

<div id="tlo">
    <div id="lewa"></div>
    <div id="prawa"></div>
</div>

<div id="puszkaGlowna">
    <div id="tytulNewsa">{$tytul}
    </div>

    <div id="dataNewsa">{$data}
    </div>

    <div id="trescNewsa">{$zawartosc}
    </div>

    <div id="panelNewsa">{$komentarze}
    </div>
</div>

wklejcie to gdzies i zobaczycie o co mi chodzi jak ustawilem padding lewy i prawy to mi sie robia takie linie ..