Выравнивание текста

@Oleg9935 · Регистрация: 06.04.2019

Студворк — интернет-сервис помощи студентам

У меня прописано в CSS выравнивание текста по центру, но оно почему-то не работает. Точнее оно действует на всё кроме параграфов.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Учим HTML</title>
    <meta name="description" content="Bla Bla Bla">
    <meta name="keywords" content="Bla,Blo,Bli">
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="css.css">
    <link href="https://fonts.googleapis.com/css?family=Neucha&amp;subset=cyrillic" rel="stylesheet"> 
</head>
<body>
    <article>
        <div id="logo">
            Главная страница 
        </div>
        <a href="reg.html">Регистрация</a>
    <h1>Главная</h1>
    <h2 style="color: #ABABAB">Интересный текст</h2>
    <p>
        <strong>С другой стороны</strong> постоянный количественный рост и сфера нашей активности позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач. Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации соответствующий условий активизации. <br><br><em>Разнообразный и богатый опыт</em> дальнейшее <strong>развитие</strong> различных форм деятельности в значительной степени обуславливает создание новых предложений. Таким образом реализация намеченных плановых заданий позволяет выполнять важные задания по разработке систем массового участия. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке систем массового участия.
    </p>
    <hr style="color: red; width: 1000px;" align="left">
    <div>
     <p>
        <strong>Повседневная практика показывает</strong>, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Не следует, однако забывать, что начало повседневной работы по формированию позиции в значительной степени обуславливает создание <span style="color: red;" title="KeK">модели развития</span>. <br><br><em>Задача организации</em>, в особенности же рамки и место обучения кадров влечет за собой процесс внедрения и модернизации модели развития. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании модели развития. 
 
        <!--Хыхыхыхыхыыхыхых-->
     </p>
     <p class="note">
        <strong>ВНИМАНИЕ!!! | 1 2 3 4 5 | Спасибо за внимание!</strong> 
     </p>
    </div>
    
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <br>
 
       <a href="page.html">Дальше>>></a>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </article>
</body>
</html>

CSS

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
.color_w {
    color: red;
}
 
a:visited {
    color: #FBFBCB;
}
.content1:before {
    content: "!!!"
}
::selection {
    color: #AFE4B0;
    background: black;
}
input:focus {
    background: #AFE4B0;
    border-color: black;
}
p {
    color: #AFE4B0;
    font-family: 'Neucha', cursive;
    font-weight: normal; /*  Bold, italic  */
    font-size: 17px;
    text-transform: capitalize;
    /*font-variant: small-caps;*/
    text-decoration: underline;
    letter-spacing: 1px;
    word-spacing: 4px;
    line-height: 150%;
    width: 800px;
 
}
h1 {
    font-family: "Comic Sans MS", sans-serif;
    font-size: 40px;
    margin: 15px;
    text-shadow: -7px 7px 15px grey;
}
h2 {
    font-family: "Comic Sans MS", sans-serif;
    font-size: 25px;
    margin: 15px;
}
body {
    background: url(https://cs8.pikabu.ru/post_img/big/2017/05/21/8/149537451012894820.png);
    margin: 0;
}
#logo {
    font-family: Comic Sans MS, Arial;
    font-size: 30px;
    color: #AFE4B0;
    font-style: italic;
    text-align: center;
    margin-bottom: 26px;
    background: #5C5C5C;
    border-radius: 0px 0px 50px 50px; 
    padding: 15px;
}
.note {
    color: black;
    border: 2px solid black;
    background: white;
    margin-top: 22px;
    margin-bottom: 30px
    padding: 18px;
    text-align: center;
    border-radius: 5px;
}
article {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    background: url(http://bgrounds.ru/_include/img/bgs/scratch-lines/water-scratch-lines.png);
}
img {
    border-radius: 10px;
}

Reset.css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section {
    display: block;
}
    
body {
    line-height: 1.2;
}
ol {
    padding-left: 1.4em;
    list-style: decimal;
}
ul {
    padding-left: 1.4em;
    list-style: square;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@mrtoxas · 07.04.2019, 15:18

В 64й строке стилей забыли точку с запятой поставить.

CSS
1
2
3
4
p{
  width: 800px;
  margin: 0 auto;
}

Только это не выравнивание текста, а выравнивание самого параграфа. Текст там и так по центру.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Выравнивание текста

Решение