Css 内联显示成员

我试图水平显示我的事件/索引，但似乎无法使其正常工作。 Index.html.erb

<ul>
  <% @events.each do |event| %>
      <li>


        <h3>
          <%= link_to event.name, event.flyer.url %>
          <%= event.event_date %> <br/>
          <% if event.preview.exists? then %>
              </h3>
              <%= image_tag event.preview.url(:small) %>
          <% end %>   <br/>
          <%= event.description %>  <br/>

          <%= link_to 'Show', event %>
          <%= link_to 'Edit', edit_event_path(event) %>
          <%= link_to 'Destroy', event, :confirm => 'Are you sure?', :method => 'delete' %>
          </li>
  <% end %>

</ul>

<%= link_to 'New Event', new_event_path %>

“您确定吗？”，：method=>“删除“%”

风格

保险商实验室
{
保证金：0自动；
填充：0；
列表样式类型：无；
文本对齐：居中；
}
ul li{显示：内联；}
这里的问题是
显示：inline
根据其内部的元素调整其宽度和高度

要水平显示元素，必须固定项目的高度和宽度。
试试这个

尝试
float:left
或
display:inline block
而不是
display:inline
@elclanrs display:inline block。感谢IE7普通的内联应该可以工作，所以如果我要创建内联块元素的网格，我要做的是通过一个条件注释为IE7提供它自己的样式表，并用内联覆盖内联块。
<style type="text/css">
    ul
    {
        margin: 0 auto;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }
  ul li { display: inline; }
</style>

ul li {
display: block;
float:left;
width:100px; /* specicy width here */
height:100px; /* specicy height here */
margin-right:10px; /* breathing space */
}