Проблема с вёрсткой.

Html:

"<div id=«newcom»>

<p id=«new»>Text </p>

<p id=«com»>Text 2</p>

</div>"

CSS:

"#newcom {

margin-top: 0px; width: 980px; margin-left: auto;

margin-right: auto; height: 260px; backgroung-color: green}

#new {

font-family: tahoma; font-size: 25px;

color: #780000; margin-left: 30px;

border-bottom: 2px solid #780000; width: 240px;}

#com {font-family: tahoma; font-size: 25px;

color: #780000;

border-bottom: 2px solid #780000;

width: 240px; float: right; margin-top: 0px;}"

Получаеnся вот это:

Прошу объяснить как расположить текста на одной высоте?

Вроде выровнял параметром float.