cesarhtc 0 Denunciar post Postado Setembro 21, 2017 Bom dia estou começando a usar html5, preciso uma pagina ira trabalhar com banco e trará na tela os dados, mais estou com problema de como colocar os campos um ao lado do outro. Agradeço desde já pela ajuda. /* container styles */ #container { margin: 1em auto; width: 1000px; text-align: left; background: #fff; border: 1px solid #676767; height:800px; padding: 10px 10px 10px 10px; } /* header styles */ #header { height: 5%; width: 100%; position: relative; background-color: #D8D8D8; border-top: 1px #606060 solid; border-left: 1px #606060 solid; border-right: 1px #606060 solid; border-bottom: 4px #606060 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding-top:10px; } /* contents styles */ #contents { float: left; width: 100%; margin: 20px 0px 0px 10px; } #contents p { line-height: 165%; font-size: 10pt; font-family: FonteLogo, Open Sans,Arial; margin-left: 5px; font-weight: bold; color:#333399; margin-top:25px; /*margin-bottom: 15px;*/ border:1px solid; width:20%; text-align:left; } p#formata-campo {font-size: 9pt; font-family: FonteLogo, Open Sans,Arial; color:#000000; margin-top:-15px; margin-left: 4px; margin-bottom: 15px; width:15%; font-weight: normal; background-color:#FFFFFF; padding:5px; font-weight:normal; } p#formata-objeto {font-size: 9pt; font-family: FonteLogo, Open Sans,Arial; color:#000000; margin-top:-15px; margin-left: 4px; margin-bottom: 15px; width:85%; font-weight: normal; background-color:#FFFFFF; padding:5px; font-weight:normal; } .blogentry { /*border-bottom: 2px solid #C5C877;*/ width:85%; font-size: 9pt; font-family: FonteLogo, Open Sans,Arial; margin-top:-30px; } </style> <BODY> <div id="container"> <div id="header" title="sitename">XXXXXXXXX </div> <div id="contents"> <div class="blogentry"> <p>NOME:</p><p id="formata-objeto">XPTO</p> </div> </div> <div id="contents"> <div class="blogentry"> <p>Objeto:</p><p id="formata-objeto">SERVIÇO</p> </div> </div> <div id="contents"> <div class="blogentry"><p>NUMERO</p><p id="formata-campo">4564464456</p> </div> </div> <div id="contents"> <div class="blogentry"> <p>CAMPO3:</p><p id="formata-campo">TEXTO</p> </div> </div> </div> <!-- FECHAMENTO CONTAINER --> </BODY> Compartilhar este post Link para o post Compartilhar em outros sites
