Como criar um recuo deslocado Com CSS. Um elemento em nível de bloco HTML como um parágrafo podem ser decorados com um recuo deslocado. O elemento que se denomina deve conter mais do que uma linha. Os passos seguintes explicam como criar um recuo deslocado com CSS.
Coisas que você precisa
- editor HTML
- conhecimento de HTML básico
- Conhecimentos básicos CSS
instruções
Criar o recuo deslocado usando a propriedade text-indent combinado com padding-left. É melhor para atribuir a regra CSS para o parágrafo ou outro elemento usando uma classe. Aqui está um exemplo classe chamada enforcamento-indent:
.pendurando-indent {
&# 9-text-indent: -25px;
&# 9-padding-left: 25px;
}Note-se que a quantidade real de text-indent é dada como uma numeração negativa neste caso é -25px. Em seguida, uma segunda regra para padding-left é given- neste caso é 25px. Estes dois valores não tem que corresponder. A única coisa que você deve fazer é usar um número negativo para o text-indent e um valor positivo para padding-left.
Os parágrafos na barra lateral no lado direito da página na imagem mostram o efeito. Cada parágrafo na barra lateral direita é atribuído à classe mostrado acima: .hanging-travessão.
Se você adicionou uma fronteira com a regra, a fronteira seria cercar todo o elemento nível de bloco (ver imagem).
Como fazer um link de texto olhar como um botão chanfrado com css
Como estilo de uma etiqueta formulário com css
Como fazer o recuo de suspensão quando citando documentos
Como recuar apa estilo no microsoft word
Como recuar a segunda linha de um parágrafo sobre a nova palavra microsoft
Como aumentar o travessão em um teclado no word 2007
Como bloquear avanço no word