Margin within a table

Asked

Viewed 410 times

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 _

1 answer

1

Let me see if I understand your doubt, you want it this way?

inserir a descrição da imagem aqui

If so, you add the code below in css:

.recuo { 
    text-indent:2em 
}

and within the h2 of any text you wish just put "class='text-info indentation"

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>

  • 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.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.