Margin within table

Question

Margin within table

Navigation

#1 by (1 votes)

0

I have text inside a "table", but basically I wanted to put the side margin as a paragraph. Maggin, padding, among other ways I could not.

My HTML:

< 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 _

html css

asked by anonymous 21.08.2018 / 04:28

1 answer

Error in Wordpress in the Administrative panel Passing information between components without ReactJS hierarchy

score 1 · Answer 1

Let me see if I understand your question, do you want it?

Ifso,youaddinthecsscodebelow:

.recuo{text-indent:2em}

andwithinh2ofanytextyouwant,justput"class = 'text-info indent"

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;
}

.recuo { 
text-indent:2em 
}

<div class="container texto" id="camps" >
<ul> <li > <img class="minijogos" src="imagens/fifa.png" > <p><h2 class='text-info recuo' >FIFA Modalidade: Futebol Jogador por equipe: 01 Tipo de Competição: Melhor de 2 com saldo de gol Plataforma: PS3, PS4 ou XBOX Descrição: 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> </p> </ul> </li>
<ul> <li > <img class="minijogos" src="imagens/fifa.png" > <p><h2 class='text-info recuo' >FIFA Modalidade: Futebol Jogador por equipe: 01 Tipo de Competição: Melhor de 2 com saldo de gol Plataforma: PS3, PS4 ou XBOX Descrição: 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> </p> </ul> </li>

</div>