компоновка CSS - сломаться

Question

Итак, я пытаюсь получить эффект наличия двух кадров внутри кадра шириной 750 пикселей.

.news {width: 750px;}
.news1 {width:550px;}
.news2 {width:200px;}

Очень простой CSS на этом этапе.

HTML / php:

            <div class="news">
            <div class="format"><a href='newspiece.php?news=<?echo $id?>'><?echo "$subject\n";?></a></div>
                <div class="news1">
                    <?
                    echo "<div class='content'>";
                    echo nl2br($comment);
                    echo "<a href='newspiece.php?news=$id'>..[read more]..</a>\n";
                    echo "</div>";
                    ?>
                    <h5><? echo "Posted by <a href=\"userprofile.php?user=$posted\">$posted</a> on $final_date\n";?></h5>
                    <? echo "<br />\n";?>
                </div>
                <div class="news2">
                    <img src="images/news/<? echo $id?>.jpg" />
                </div>
            </div>]

Проблема, которую я получаю, состоит в том, что изображение, которое должно быть справа, идет внизу. Таким образом, новости1 стоят выше новостей2, а не бок о бок. Есть идеи?

Answer 1

Попробуйте использовать

.news1, .news2 {float: left}

Answer 2

Вам нужно установить свойство float в div:

.news1 {width:550px; float: left;}
.news2 {width:200px; float: right;}