Ir para conteúdo

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

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por kaioneresm
      Olá, tenho um formulario que pede um nome de usuário.
      Preciso que ao tentar digitar o espaço do teclado ele não funcione. Ou seja o input text bloquea no mesmo momento que for digiado.
       
      Alguem pode me ajudar? Obrigado !!
    • Por Carlos Web Soluções Web
      Bom dia !!
       
      No site do link a seguir, quando eu reduzo o tamanho do site em:

      @media screen and (max-width: 900px)

      Entre a "Imagem 1" e a "tabela de baixo" existe um espaço !! Não estou conseguindo retirar este espaço !!

      LINK

      Por favor me ajudem
      Obrigado
       
    • Por 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%; }  

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

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.