Как сделать отступ в абзаце?

Question

Как сделать отступ в абзаце?

0

В Интернете параграф выглядит примерно так:

Привет, это абзац, и я писатель. Меня зовут Йохан Левитт, люди называют меня Joh (Johan) коротким, и у меня есть хобби создавать интересные вещи в Интернете с использованием динамических веб-языков, таких как Javascript, jQuery, PHP и т.д.

Но я хочу, чтобы абзац был следующим:

(пробел) (пробел) Привет, это абзац, и я автор. Меня зовут Йохан Левитт, люди называют меня Joh (Johan) коротким, и у меня есть хобби создавать интересные вещи в Интернете с использованием динамических веб-языков, таких как Javascript, jQuery, PHP и т.д.

Johan Levitt 02 окт. 2013, в 10:25

Источник

0

p { text-indent: 123em; } и / или p:empty + p { text-indent: 0; }
biziclop 02 окт. 2013, в 08:08

Теги:

html

css

6 ответов

Ещё вопросы

p { text-indent: 123em; } и / или p:empty + p { text-indent: 0; }

Oliver Matthews · Answer 1 · 2013-10-02T06-13-00.000Z

установите свойство css text-indent. Например

p{
   text-indent:50px;
}

Jojo · Answer 2 · 2013-10-02T06-39-00.000Z

Использовать свойство CSS с text-indent:

p { 
    text-indent: 30px;
}

Jukka K. Korpela · Answer 3 · 2013-10-02T07-49-00.000Z

Как ответили другие, свойство text-indent в CSS было разработано для таких целей. Но, скорее всего, вы также хотите подавить вертикальное расстояние по умолчанию между абзацами, поскольку вместо этого разделения обычно используются отступы первой строки, а не в дополнение к нему.

Предполагая, что все абзацы отмечены как p элементы, вы можете просто добавить следующее в таблицу стилей:

p { text-indent: 1em; margin: 0 }

Это добавляет отступ, равный размеру шрифта. Это, или немного больше, является обычной типографской практикой. Если вы хотите, чтобы сумма равнялась двум пробелам, значение 0.5em является подходящим приближением (ширина пространства зависит от шрифта, 0.25em может считаться средним).

Общепринятой практикой является опускание отступов после заголовка, чего вы можете достичь, добавив

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { text-indent: 0 }

Практика отличается от использования отступов после маркированного списка, таблицы и т.д. Это проблема дизайна, но вы, вероятно, должны подумать о том, чтобы использовать отступы первой строки. Экстремистский, но не нереалистичный подход заключается в использовании отступов первой строки только тогда, когда абзац появляется после другого абзаца; для этого вы использовали бы правило

p+p { text-indent: 1em; margin: 0; }

Anitsirs Osumat · Answer 4 · 2013-10-02T06-52-00.000Z

Это очень просто.

   p { 
        text-indent: 3em;
    }

lee_gladding · Answer 5 · 2013-10-02T06-03-00.000Z

Вы должны использовать класс CSS для отступов абзаца, который вы хотите отступом, используя text-indent иначе он мог бы воздействовать на другие параграфы на странице:

html:

<p class="indented">
    text
</p>

и CSS:

.indented{
    text-indent: 50px;
}

ПРИМЕР FIDDLE

Iren Patel · Answer 6 · 2013-10-02T05-46-00.000Z

Попробуй вот так.

> <p style="text-indent:30px;">Hello, this is a paragraph and I am the
> writer. My name is Johan Levitt, people calls me Joh (Johan) in short
> and I have a hobby of creating cool stuffs on Web using dynamic web
> languages like Javascript, jQuery, PHP, etc.</p>