Я хочу идеально выровнять абзац, чтобы весь абзац находился в центре страницы, но левая и правая стороны были идеально выровнены. Вот пример идеально выровненного абзаца: 
Абзац выглядит так, как будто он находится в какой-то коробке с совершенно прямыми левой и правой стороной. Как мне это сделать в css или html?
В оболочке должно быть применено выравнивание текста с помощью CSS:
text-align:justify;
text-justify:inter-word;
В общем, браузеры плохо справляются с полностью выровненным текстом по сравнению с приложениями для «набора текста» для печати. В целом, полное выравнивание по ширине в браузерах делает текст СЛОЖНЫМ для чтения, и его, как правило, следует избегать.
CSS:
.justify {
text-align:justify;
text-justify:inter-word;
}
HTML
<div class="justify"> ...your text... </div>
CSS для выравнивания текста:
style="text-align:justify"
Что ж, идеальный интервал между словами достигается за счет выравнивания текста:
p {
text-align:justify;
text-justify:inter-word;
}
Позиционирование абзаца в центре страницы требует общего набора правил:
p {
width: auto;
margin: 0 auto;
}
Правило полей устанавливает верхнее и нижнее поля абзаца равными 0 (измените это значение на адекватный интервал, если хотите), а автоматическое гарантирует, что левое и правое поля одинаковы.
<html>
<head>
<style>
div
{
text-align:justify;
text-justify:inter-word;
}
</style>
</head>
<body>
<h1>Perfect Box Type Alignment</h1>
<div>I want to perfectly align a paragraph so that the entire paragraph is in the center of the page but the left and right side are perfectly aligned. Here's a picture example of a paragraph that is perfectly aligned:I want to perfectly align a paragraph so that the entire paragraph is in the center of the page but the left and right side are perfectly aligned. Here's a picture example of a paragraph that is perfectly aligned::</div>
</body>
</html>
Пожалуйста, измените размер окна браузера на полный, чтобы увидеть, как это работает.
Попробуйте это, чтобы решить вашу проблему:
put STYLE code inside external CSS file or <head><style> Write style code here..</style></head>
.proper_alignment_paragraph_class
{
text-align:justify;
text-justify:inter-word;
}Put this code inside <body></body> tag.
<div class="proper_alignment_paragraph_class">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>