css - DIV を含む UL のスタイルを設定できません

Question

水平方向にスタイルを設定しようとしてULいますが、コードは 2 つの埋め込みを削除した場合にのみ機能しDIV'sます。

とリストのスタイルを正しく削除するdiv = thumbと。div = button

これを修正する方法を知っている人はいますか?

HTML/PHP:

    <div class="container-app" id="container-app">

    <?php if(isset($events)) { ?> 

            <div>

                <div class="header-text">
                    <h1 style="font-size: 30px;"></h1>
                </div>

                <ul class="events">

                    <?php  foreach ($events as $images){ ?>
                        <li>

                            <div class="thumb">
                                <?php $eventURL = base_url('eventguide/event/id/') . '/'. $images->id; ?>

                                    <a class="open-event" href="<?php echo $eventURL; ?>">
                                        <img src="<?php echo base_url() .  $images->image_link ?>" width = '165' height ='230'>
                                    </a>
                            </div>

                            <div class="button">

                                <a class="open-event" id="pbutton" href="<?php echo $eventURL; ?>">
                                    <b><?php echo date("D jS M", strtotime($images->event_date)); ?></b>
                                </a>
                            </div>
                        </li>
                    <?php } ?>

                </ul>

            </div>
        <?php  } ?>
</div>

CSS:

#container-app ul
{
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#container-app ul li { display: inline; }

#container-app ul li .thumb .open-event { display: inline; }

#container-app ul li .thumb .button { display: inline; }

#container-app ul li a
{
  color:#329AF2;
  text-decoration:none;
  font-weight: bold;
}

#container-app ul li a:hover
{
color: #fff;
background-color: #369;
}