0
I have a text inside a "table", but basically I wanted to put lateral margin, like a paragraph. Maggin, padding, among other ways I could not.
My HTML code:
< div class="container texto" id="camps" >
< ul >
< li >
< img class="minijogos" src="imagens/fifa.png" >
< p>< h2>FIFA</h2>
Modalidade: <i>Futebol</i></br>
Jogador por equipe: <i>01</i></br>
Tipo de Competição: <i>Melhor de 2 com saldo de gol</i></br>
Plataforma: <i>PS3, PS4 ou XBOX</i></br>
Descrição: <i>Sem muito a dizer, os campeonatos de FIFA tem a regras simples e seguimento da competição rígido, mantendo o tradicional mata com saldo de gol, o s jogadores e enfrentam entre si duas vezes onde chegaram ao resultado final.< /i></br>
< /p>
< /li>
CSS: "
#camps{
width: 100%;
overflow: hidden;
margin: 10px auto;
padding: 30px 0px;
}
#camps ul li{
list-style: none;
float: left;
width: 90%; /* Comprimento da grade */
height: 500px; /* Altura da grade */
background-color: rgba(10,23,55,0.5);
margin: 10px 50px 0px 50px;
box-sizing: border-box;
border: 1px solid white;
}
.container ul li{
float: none;
width: 30%;
margin: 40px auto;
}
}
"
Help Plz _
Preferably use the snippet from the text editor, so users who arrive question (and the answer) will be able to observe the code without the need to go to another site.
– Lauro Moraes