Размещение иконок соц сетей в строку

@даниил232323 · Регистрация: 25.02.2014

Author24 — интернет-сервис помощи студентам

Проблема в том что хочу разместить иконки фейсбука в строку,но не получается.Прошу помочь.

HTML5

<html>
    <head> 
       
       <style type="text/css">
         body{ background-color:black;}
 
     #face1{ margin-top:20px;
             margin-left:230px;
           }
     #face1{ margin-top:20px;
             margin-left:255px;                         
           }              
     #face3{ margin-top:20px;
             margin-left:280px;             
            }
 
 
            </style>
    </head>
 
    <body>
           <div id="face1">
            <a href="#">
            <img src="d:/fc.png"width="20"height="20">
            </a>
               </div>
 
               <div id="face2">
            <a href="#">
            <img src="d:/fc.png"width="20"height="20">
            </a>
               </div>
 
               <div id="face3">
            <a href="#">
            <img src="d:/fc.png"width="20"height="20">
            </a>
               </div>         
    </body>
    
 
</html>

@Academik · 08.04.2014, 23:09

CSS

1	#face1, #face2, #face3{display: inline-block; margin-top:20px;}

@monochromer · 08.04.2014, 23:09

Сделайте div'ы с float'ами или inline-block

CSS

1
2
3

[id^="face"]{
    float: left;
}

	08.04.2014, 23:09

Опции темы