複数の写真をレイアウトする方法を教えてください_html/css_WEB-ITnose

<style type="text/css">    .msg-list li{ text-align:left; margin-bottom:10px; padding:10px; color:red;border-radius:5px; border:1px solid red;}    .msg-list li:nth-child(odd){ border-left-width:10px;}    .msg-list li:nth-child(even){ text-align:right; color:green; border:1px solid green;border-right-width:10px;}</style><section class="msg-center">    <ul class="msg-list">        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>    </ul></section>