Выровнять один блок по центру при inline-block, другой отодвинуть вправо

Question

Всем привет) Есть самый нижний блок(footer,который с темным фоном и на всю ширину),и в нем два блока-один с текстом(по центру),другой справа(спрайты).Выровняла эти два блока с помощью свойства inline-block,они стали в ряд, далее пробую отодвинуть правый блок от левого с помощью margin-left:320px, но он автоматически отодвигает и первый блок с текстом,почему так происходит?Мне нужно,чтобы первый блок остался на месте по центру,где и был. Пробовала так же ровнять второй блок с помощью text-align:right-не работает вообще.В чем причина? Мой код:

footer{
    background:#393A39;
    color:#fff;
    min-height:86px;
    
}



.content{
    margin:0 auto;
    width:1024px;
    font-size:0;
    text-align:center;
}


.content p{
    padding-top:30px;
    margin:0;
    font-size:16px;
    display:inline-block;

}


.links{
    padding:0;
  display:inline-block;
 
  margin-left:320px;

    
}


.links li{
 display:inline-block;

}


.facebook{
 background:url(img/facebook.png);
    width:27px;
    height:27px;
    display:inline-block;
}

.twitter{
    background:url(img/twitter.png);
    width:27px;
    height:27px;
    display:inline-block;
    margin-left:16px;
}

.youtube{
   background:url(img/youtube.png);
    width:28px;
    height:27px;
    display:inline-block;
    margin-left:14px;
}

<footer>
             
           <div class="content">
          
                 
          <p class="all_rights">All Rights Reserved to cssauthor.com</p>
            
          <ul class="links">
            <li><a href="#" class="facebook"></a></li>
            <li><a href="#" class="twitter"></a></li>
            <li><a href="#" class="youtube"></a></li>


          </ul>
                
              </div>

              </footer>

БЛОГ НА HUSL

Выровнять один блок по центру при inline-block, другой отодвинуть вправо

Ответы (0 шт):