Jump to content
TeixeiraRamos

Espaço do parágrafo

Recommended Posts

Olá tenho uma página em php, usando Bootstrap 4.

Ocorre que não estou conseguindo fazer com que o parágrafo de um texto fique com aquele espaço normal, ou seja, que estamos acostumado ver nos livros.

Antes de trabalhar com Bootstrap 4 usava por exemplo:

.recuo { text-indent:4em }

 

Citar

                Desde os primórdios do cristianismo, os padres da Igreja meditaram e escreveram sobre as razões que fazem da Virgem uma criatura de tal modo excelsa, que é digna de um culto todo especial. E foram unânimes em afirmar um só motivo: ela é a Mãe de Deus e, por vontade do próprio Deus, mãe de todos os homens.
                “Mas, então”, comenta o Cirilo de Alexandria, “a Virgem seria a mãe da divindade? A isso respondemos: o Verbo vivo, subsiste, foi gerado pela mesma substância de Deus Pai, existe por toda a eternidade, conjuntamente com aquele que o gerou, está nele, com ele. Mas se fez carne no tempo, isto é, uniu-se a uma carne dotada de alma racional; por isso, pode-se dizer que ele nasceu da mulher, segundo a carne. Este mistério tem alguma analogia com nosso próprio processo de geração.”

Antes de "Desde..." e "Mas..."  deve existir um <p class="  "> para criar um recuo.

Existe muita coisa em:

Citar

Obrigado

Share this post


Link to post
Share on other sites

@TeixeiraRamos

O fato de você usar Bootstrap não invalida o que você já sabe de CSS. Tudo continua valendo.
Tal como você já sabe fazer, atribua uma classe para os parágrafos (.recuo, por exemplo) e declare
nas CSS:
 

.recuo {
  text-indent: 4em
}

igualzinho ao que você já conhece.

Nota: Declarar margin ou padding vai recuar todo o parágrafo e não produz o efeito que você deseja.

Share this post


Link to post
Share on other sites
Em 11/04/2019 at 20:10, Maujor disse:

@williamsouzat
Você poderia esclarecer porque deve-se usar px no lugar de em?

Então!

Até onde eu sei, quando atribuimos o tamanho em px, independente da resolução da tela ou tamanho, o espaçamento continua, já o em varia de acordo com cada tela, e talvez seja este o problema do TeixeiraRamos, por isso citei a resposta para fazer uma tentativa em px.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By aslivs
      Oi pessoal. Estou criando um menu e estou com certa dificuldade. Nos itens que "vão para baixo" há um espaço em branco na esquerda que não consigo tirar de jeito nenhum, como vocês podem ver na imagem. Meus códigos HTML e CSS estão logo abaixo. Se puderem me ajudar, agradeceria muito :)
       
      <body> <div id="banner"> </div> <div id="menu"> <nav> <ul class="menu"> <li><a href="#">Index</a> </li> <li><a href="#">A Série</a> </li> <li><a href="#">Personagens</a> <ul> <li><a href="#">Ted Mosby</a></li> <li><a href="#">Robin Scherbatsky</a></li> <li><a href="#">Barney Stinson</a></li> <li><a href="#">Marshall Eriksen</a></li> <li><a href="#">Lily Aldrin</a></li> </ul> </li> <li><a href="#">Episódios Especiais</a> </li> <li><a href="#">Entre em contato</a> </li> </div>  
      .menu{ list-style:none; } .menu li{ position:relative; float:left; } .menu li a{ color:black; text-decoration:none; padding:10px 85px; display:block; } .menu li a:hover{ background:#4C7EA5; color:#fff; text-shadow:0px 0px 5px #fff; } .menu li ul{ position:absolute; top:100%; left:0; background-color:#fff; display:none; } .menu li:hover ul, .menu li.over ul{ display:block; } .menu li ul li{ display:block; width:100%; }  

    • By Iskandar
      Boa noite iMasters,
       
      Minha dúvida é bem simples (eu acho)... Se ao formatar um HD de 500Gb, eu alocar apenas 100Gb de espaço... o fato de não alocar o restante do espaço afetará de algum modo o desempenho do HD?
       
      Obrigado pela informação.
      --
    • By psychookama
      Olá, sou novo na area de desenvolvimento, e estou no momento desenvolvendo um site institucional.
      depois de tudo feito me deparo com um espaço enorme no footer da pagina, não consigo encontrar o erro ou solução.
      agradeço quem puder ajudar!
       
      HTML
       
       
       
      CSS
       
       
       
      Caso queiram dar uma olhada na foto do problema vou postar o link http://s1159.photobucket.com/user/miguel_campos3/media/erro_zpszwwpldhq.png.html
    • By landore
      Bom galera, to começando (ou recomeçando) a fazer uns videozinhos para Youtube.

      Vou começar a fazer pelo menos uns 2 por semana, tentando sempre ir melhorando a qualidade com o tempo.



      Enfim,dá uma olhada ae, se curtir se inscreve no canal e da um like no vídeo.




      Valeu!!
    • By Rogério Bonfim
      Estou fazendo um blog porém eu preciso colocar uma imagem em uma parte do blog aonde ela fique fixa horizontalmente e que não ocupe espaço caso a tela seja menor que a dimensão do quadro.
      tentei fazer usando overflow hidden em uma div positon: absolute;
       
      segue abaixo uma imagem do erro.
       
       

       
       
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.