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