0

The fiddle is here http://jsfiddle.net/UzSt8/

I seem to have a smaller space to the left, vs the one on the right. I'd like a even spacing on both left and right.

Not sure where to change this.

Please note this is created using foundation 4 css etc

THanks

               </div>
<div class="row">
        <div class="large-12 columns">
          <div class="panel">

            <style>
              .slider { height: 180px; float:center;}
          </style>
          <ul class="large-block-grid-4 small-block-grid-2">
            <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span>
            <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span>
            <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span>
            <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span>
              </ul>
      </div>
4

2 回答 2

0

你的问题仍然模棱两可，但这是你想要的吗？

http://jsfiddle.net/f2kK6/

不得不清理一些东西 

<div style="float:left;">
     <ul style="list-style:none;margin-left:-40px;">
     <li><span class="label">HIGH</span><div class="slider"></div></li>
     <li><span class="success label">LOW</span></li>
     <li style="margin-top:15px;"><span class="label">HIGH</span><div class="slider"></div></li>
     <li><span class="success label">LOW</span></li>
     </ul>
              </div>
      <div style="float:right;">
     <ul style="list-style:none;margin-left:-40px;">
     <li><span class="label">HIGH</span><div class="slider"></div></li>
     <li><span class="success label">LOW</span></li>
     <li style="margin-top:15px;"><span class="label">HIGH</span><div class="slider"></div></li>
     <li><span class="success label">LOW</span></li>
     </ul>
              </div>
于 2013-11-02T19:44:58.827 回答
0

float: center不存在 使用 margin-left: auto; 边距右：自动；并给你的容器一个特定的宽度

于 2013-11-04T15:21:08.503 回答