Блоки "прыгают"

[Cannibal]

Есть два класса CSS

#photo
{margin:10px;
margin-top:10px;
width:150px;
text-align:justify;
float:left;
background-color:#990033}

#meeting
{margin-top:10px;
width:427;
text-align:justify;
margin-left:163px;
background-color:#00FFCC;}

используются так

<div id="photo">photo</div>
<div id="meeting">MEETING</div>

Проблема собственно в том, что блок meeting становится выше Photo

[Denisovvsh]

Сообщение от Cannibal

Есть два класса CSS

id="" это не клас, а идентификатор. Класс обозначается class="".
Попробуйте поменять float:left; в id="photo" на float:none;
Так как float задает обтекание вокруг того блока в котором задан

[Cannibal]

На картинке то, что есть сейчас и то, что нужно получить

P.S

id="" это не клас, а идентификатор. Класс обозначается class="".

C терминами путаюсь т.к версткой занимаюсь недавно

[Denisovvsh]

Сообщение от Cannibal

На картинке то, что есть сейчас и то, что нужно получить

P.S
C терминами путаюсь т.к версткой занимаюсь недавно

Тогда вот такой вариан.

#photo
{
float:left;
margin-top:10px;
width:150px;
text-align:justify;
background-color:#990033;}

#meeting
{
float:left;
margin-top:10px;
width:427px;
text-align:justify;
background-color:#00FFCC;}

если нужен отступ между блоками тогда вместо margin вставьте padding