Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera eu estou fazendo um projeto aqui mais não estou conseguindo alinhar um elemento. São os botões de redes sociais que não consigo alinhar, logo abaixo segue a parte que não consigo alinhar, o html e o css.
PARTE QUE NÃO CONSIGO ALINHAR:
<li class="midiasb" style="margin-left:200px;"><a href="#" style="color:#069; font-weight:bold; font-family:'Arial', Helvetica, sans-serif;">t</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">f</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">g</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">l</a></li>HTML:
<!DOCTYPE html><!--[if IE 6]><html id="ie6" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 7]><html id="ie7" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 8]><html id="ie8" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)]><!--><html dir="ltr" lang="pt-BR"><!--<![endif]-->
<head><title>Layout para Meu Meta Blog!</title><link rel="stylesheet" href="estilo.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="alternate" type="application/rss+xml" title="Suporte Blogger RSS" href="http://feeds.feedburner.com/titulodofeed" />
<meta name="author" content="Guilherme Wathier" />
<link rel="canonical" href="http://www.suporteblogger.com/" />
<link rel="next" href="http://www.suporteblogger.com/page/2" />
</head>
<body>
<div id="header_topo">
<nav id="topo_menuc"><ul>
<div class="espaco">
<li><a href="#">home</a></li>
<li><a href="#">sobre</a></li>
<li><a href="#">contato</a></li>
<li><a href="#">tutoriais</a></li>
<li><a href="#">ferramentas</a></li>
<li class="midiasb" style="margin-left:200px;"><a href="#" style="color:#069; font-weight:bold; font-family:'Arial', Helvetica, sans-serif;">t</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">f</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">g</a></li>
<li class="midiasb"><a href="#" style="color:#069; font-weight:bold;">l</a></li>
</div></ul></nav></div>
</body>
</html>CSS:
*{margin:0; padding:0;}
.espaco{width:1000px; margin:0 auto; position:relative;}
#header_topo{height:36px; background:#333; border-bottom:1px solid #000; z-index:2; position:relative;}
#topo_menuc ul{height:50px;}
#topo_menuc ul li{float:left; position:relative; margin:0 2px; list-style:none;}
#topo_menuc ul li:hover{visibility:inherit; / Bug IE7/ background:#272727;}
#topo_menuc ul li a{text-decoration:none; font:14px 'Arial', Helvetica, sans-serif; height:20px; vertical-align:middle; float:left; padding:0 4px; padding:10px 8px 6px; color:#fff;}
#topo_menuc ul li:hover ul{display:block;}
#topo_menuc ul li a:hover{visibility:inherit;}
.midiasb{background:#272727; text-align:center; width:30px;}
Carregando comentários...