Good afternoon, I try myself in the layout of the site for myself. I am picking someone else's template. I inserted the code of social buttons, but I can not press them to the left corner.

Here are the css buttons:

ul.spicesocial { float: right; } ul.spicesocial li { float: left; list-style: none outside none; border: none; } ul.spicesocial li a { background-color: rgba(0, 0, 0, 0); background-image: url('http://zarobitok.ru/wp-content/uploads/2014/03/social.png'); background-size: auto 96px; border: 0 none; color: #FFF; direction: ltr; display: block; padding: 0 !important; height: 32px !important; overflow: hidden; text-align: left; text-decoration: none; text-indent: -999em; transition: all 0.2s ease 0s; width: 32px; } 
 <div class="col-sm-6 hidden-xs"> <ul CLASS="spicesocial"> <li CLASS="facebook"> <a rel="nofollow" href="https://www.facebook.com/Masterskaya55-512373092185795/" target="_blank" title="facebook"> </a> </li> <li CLASS="googleplus"> <a rel="nofollow" href=" Прописываем свою ссылку на plus.google.com" target="_blank" title="googleplus"> </a> </li> <li CLASS="twitter"> <a rel="nofollow" href="Прописываем свою ссылку на twitter.com" target="_blank" title="twitter"> </a> </li> <li CLASS="rss"> <a rel="nofollow" href="Прописываем свою ссылку на Rss" target="_blank" title="rss"> </a> </li> </ul> </div>

I generally thought that you need to move it in CSS and the value in the template itself.

maybe it would be clearer here the site

  • float: right delete - soledar10
  • To edit a question, use the edit button. Post additions in the answers are not worth it. - Nick Volynkin ♦

4 answers 4

Try to remove from CSS

 float: right;

and in the div himself write like this:

 <div class="col-sm-6 hidden-xs" align="left">
  • Lost in the same position remained. Can I give you CSS div classa - Blacksmith Pa
  • Come on, or link to the site if there is - batman
  • masterskaya55.ru - Blacksmith Pa Pa
  • There, if you look, then the "currency, language, authorization" is also float left, but in fact they are on the right, you probably need to dig into the area of ​​the top-line itself (the caps where your icons are) - batman

enter image description here That's how I did it with

 ul.spicesocial { float: left; padding: 0; }
  • Thanks a lot !!! Everything worked out !!!!! Everyone who participated in my question, thank you so much! - Blacksmith Pa
 ul.spicesocial { float: left; }
  • I have already tried it, I turned here) As it was, it remained. She didn't even move ( - Blacksmith Pa

Try so

 ul.spicesocial { float: left; } ul.spicesocial li { display:inline-block; list-style: none outside none; border: none; }
  • How they were and remain ( - Blacksmith Pa
  • ul.spicesocial {float: left; padding: 0; } - Alexey Goryachev