指定div元素的子元素横向排列 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <style>
    div {
      width: 350px;
      height: 100px;
      border: 1px solid black;
      /* Firefox */
      display: -moz-box;
      -moz-box-orient: horizontal;
      /* Safari, Opera, and Chrome */
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      /* W3C */
      display: box;
      box-orient: horizontal;
    }
  </style>
</head>
<body>

  <div>
    <p>Cat</p>
    <p>Dog</p>
    <p>Horse</p>
  </div>

  <p><b>Note:</b> The box-orient property is not supported in IE.</p>

</body>
</html>
        