CSS-Indenting the second line of LI (List Items) – Silva Web Designs

É provavelmente por isso que você está aqui e abaixo é provavelmente o resultado que você está procurando:

hoje vamos mostrar-lhes uma maneira fácil de fazer isso.

a razão por que isso está acontecendo é que o carrapato é conteúdo em linha de modo que quando o texto envolve ele continuará a fluir como de costume.Pode interromper este comportamento tirando partido de text-indent:

a propriedade text-indent especifica quanto espaço horizontal deve ser deixado antes do início da primeira linha do conteúdo de texto de um elemento.

ao fornecer uma indentação de texto negativo, pode dizer à primeira linha para deslocar uma quantidade desejada para a esquerda. Se você então especificar um preenchimento positivo-esquerda você pode cancelar este offset para fora.

no exemplo seguinte um valor de 20px:-

ul { list-style: none; width: 200px; text-indent: -20px; /* key property */ margin-left: 20px; /* key property */ }li { margin-bottom: 10px; }

E aqui está, aqui está um CodePen do acima em ação.

You might also like

Deixe uma resposta

O seu endereço de email não será publicado.