Ir ao conteúdo
  • Cadastre-se

[CSS] Como aumentar o tamanho do espaçamento do <br/>


Posts recomendados

  • Membro VIP

O ideal é posicionar os elementos através de CSS e o <br /> não é uma tag xHTML feita para isso. A ideia dela é apenas quebrar um texto (dentro de um <p> por exemplo). O html entity character   também não tem como propósito separar elementos e sim textos.

Para separar os elementos você pode utilizar por ex a tag Label ou direto nos inputs. Segue ex utilizando labels:
http://jsfiddle.net/jbwfqgyp/

Link para o comentário
Compartilhar em outros sites

Só para ver como vocês fariam?

Eu não tenho muita prática nessa área então queria ver como fazem:

<html>    <head>        <meta charset="utf-8"/><!--        <style href="padrao.css" type="text/css">-->            <link rel="stylesheet" type="text/css" href="estilo.css">        <!--</style>-->    </head>    <body>        <div id="menu">            <ul>                <img src="img/ps4.jpg"/>                <li><a href="#1">Jogar</a></li>                <li><a href="#2">Assistir</a></li>                <li><a href="#3">Loja</a></li>                <li><a href="#4">Forum</a></li>                <li><a href="#5">Usuário</a></li>                <div id="divlogin">                    <form id="formlogin" action="#123" method="post">                        E-mail<input class="inlog" type="text" id="email"/><br/>                        Senha <input class="inlog" type="password" id="senha"/><br/>                        <input type="submit" id="btnentrar" name="btnentrar" value="Entrar"/>                        <a href="#cad" id="cadastrarusuario">CADASTRAR</a>                    </form>                            </div>            </ul>        </div>                    </body></html>
*{ padding: 0; margin: 0; }div#menu ul{    background: #505050;    width: 100%;    height: 12%;    //position: fixed;}div#menu li{    display: inline;}div#menu li a{    color: white;    text-decoration: none;    text-transform: uppercase;    padding: 22px 40px 32px 40px;    //margin-left: 40px;    font-size: 21px;    float:left;    z-index: 3;    font-family: "Arial";}div#menu li a:hover{    background: #9a9a9a;    color: #505050}div#menu img{    float: left;    width: 180px;    height: 100%;    margin-left: 5px;}div#divlogin{    float: right;    margin-top: 5px;    margin-right: 10px;    width: 300px;    height: 70px;    border: 1px solid black;}div#divlogin input[type="text"]{    margin-top: 6px;    margin-left: 9px;}div#divlogin input[type="password"]{    margin-top: 8px;    margin-left: 10px;}#cadastrarusuario{    color: white;    text-decoration: none;}.inlog{    max-width: 150px;}

Acho que dá para entender o que eu quis, óbvio que aquela margin na div da direita vai sair.. mas era só para mim enxergar o que estava ali!

 

Vlwww

Link para o comentário
Compartilhar em outros sites

  • 2 semanas depois...
Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...