在html中加入瓷砖

Question

我需要旁边的瓷砖，但现在每当我添加新的瓷砖时，它都会在旧的瓷砖下面。 这是我的代码

<div class="tiles">
          <div id="metro-array">
              <a class="metro-tile" style="cursor: pointer; width: 110px; height: 110px; margin:10px; display: block; background-color: deepSkyBlue;  color: #fff;">
                Name
                Age
              </a>
              <a class="metro-tile" style="cursor: pointer; width: 110px; height: 110px; margin:10px; display: block; background-color: deepSkyBlue;  color: #fff;">
               name2
               Age 2
              </a>         
    </div>
    <script src="js/tileJs.js" type="text/javascript"></script>
  </div>

我的css

 .tiles {
    margin: 0px;
    font-family:'Lato', Helvetica, sans-serif;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    font-weight: lighter;
 }



 #metro-array a,  #downloads a {
    text-indent: 5px;
    font-weight: normal;
    text-transform: uppercase;
 }

我试图手动添加margin-left。它工作，但我会动态添加瓷砖，因此手动添加它是不可能的。请告诉我我的css应该改变什么？

我期待的是什么

我得到了什么

Answer 1

添加

float:left

到您的CSS #metro-array a

以下是演示：Working Fiddle

Answer 2

将float：left添加到＃metro-array a

Answer 3

将float:left添加到#metro-array a

试试这个，

 #metro-array a,  #downloads a {
   text-indent: 5px;
   font-weight: normal;
   text-transform: uppercase;
   float:left;
   }

http://jsfiddle.net/La2g1md6/1/

Answer 4

你可以试试这个。 ＃metro-array a {float：left;}