Header com posicionamento de item

[Léo95 1]

Oi pessoas já quebrei muito a cabeça mais não conseguir e vi que esse fórum ajuda muita gente então quero ajuda também.

Meu problema é esse queria criar uma header pro meu portal de notícias que e estou fazendo, mas não consigo posicionar os itens, queria tipo assim: o logo do site na esquerda e uma barra de busca no centro por exemplo e outras coisas na direita sem quebrar a linha, tipo também essa barra do imasters de preferencia que fique boa em celular, meu site é móvel, quem puder me ajudar com esse código fico grato.

[jgustavo99 85]

O que você precisa de ajuda, especificamente?

[Thiago Moraes 32]

Já aprendeu a usar a propriedade float?

[Léo95 1]

ainda não, sou péssimo nessa área de design, se alguém poder postar o código eu fico grato ai eu faço modificações pra deixar do meu jeito.

[jgustavo99 85]

Eu posso tentar lhe ajudar. Você poderia postar aqui, o código?

[Léo95 1]

 

<style rel="stylesheet" type="text/css">
#wrap{margin:0 auto;position:relative}
.container{width:982px;margin:0 auto;display:block}
#bt_home{float:left;display:block;width:122px;height:38px;margin-right:60px;margin-top:6px}
#header #bt_home{left:116px}body #header #tit_home{left:196px}
</style>

<div id="wrap">
<div id="content_header">
<header id="header" class="container">
<nav id="menu">
<ul>
<li><a href="#"><span>Notícias</span></a></li>
<li><a href="#"><span>Vídeos</span></a></li>
<li><a href="#"><span>Fórum</span></a></li>
<li><a href="#"><span>Humor</span></a></li>
<li><a href="/jogos/"><span>Jogos</span></a></li>
</ul>
</nav>

</header>
</div>

ai ñ tem jeito fica tudo em baixo do outro!

[reebr 94]

Já tentou usar "inline" ou "inline-block" no display?

 

 

- http://jsfiddle.net/rnxn/E468h/1/

[Léo95 1]

Já tentou usar "inline" ou "inline-block" no display?

 

 

- http://jsfiddle.net/rnxn/E468h/1/

 

Cara você me ajudou... obrigado de coração!

Obrigado a todos ^^