Как выровнять текст по центру?

@Кристинич · Регистрация: 01.06.2014

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

Подскажите какие изменения внести, т.к. это мой первый сайт.
И мне бы хотелось зделать так, что бы не задавать размер body, а как вот размещать не знаю

Код html:

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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<link href="css/dlia_index.css" type="text/css" rel="stylesheet">
<link href="css/reset.css" type="text/css" rel="stylesheet">
 
<title>Трейлери</title>
 
</head>
<body >
    <div id="wrapper">
        <div id="header">
            <ul class="header_top_menu" >
            <li class="current" ><a href="#">Головна </a></li>
            <li><a href="#" >Трейлери </a></li> 
            <li><a href="#" >Кліпи </a></li> 
            <li><a href="#" >Фільми </a></li> 
            <li><a href="#" >Пошук </a></li>
            </ul>
            <p id="registr"><a href="#" >Вхід</a>|<a href="#">Реєстрація</p>
        </div>
                            
    </div>
 
</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
body{
background-image: url("../images/...5.jpg");
margin: 0 0;
padding: 0 0;
 
 font-weight:bold;
font-size: 14px;
font-family:  Tahoma;
color:FFFFFF;
background-size:cover;
overflow: hidden;
list-style: none;
}
img, object, embed { max-width: 100%; height: auto; }
html, body { width: 100%; height: 100%; }
 
 
a,li,p{ 
 
color:#FFFFFF;
text-decoration:none;}
 
a:hover{color:#FF1111;}
a:active{color:#111111;}
 
a, a img { border: none; }
 
#wrapper{
margin: 0 0;
padding: 0 0;
outline: 1px solid #FFFFFF;
}
 
#header{
height:50px;
width: auto;
background-image: url("../images/linia21.png");
margin: 0 0;
padding: 0 0;
outline: 1px solid #FFFFFF;
background-size:cover;
position: relative;
 
}
 
.header_top_menu li{
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
float:left;
border-right: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
outline: 1px solid #FFFFFF;
}
 
#registr{
float:right;
padding-right: 15px;
padding-top: 15px;
 font-style:italic;
 margin: 0 0;
}

@whiteapps · 07.09.2015, 17:49

Кристинич,

CSS
1
text-align: center

@Кристинич · 07.09.2015, 18:02 **[ТС]**

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

@whiteapps · 07.09.2015, 18:03

Кристинич, а какой именно текст вы хотите выровнять?

@Кристинич · 07.09.2015, 18:06 **[ТС]**

Я хочу список выровнять

@whiteapps · 07.09.2015, 18:11

Кристинич, во-первых, по центру он и так будет из-за паддингов

CSS
1
2
3
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;

во-вторых, css reset нужно ставить перед вашем стилем
в-третьих, возможно вам нужно добавить

CSS
1
.header_top_menu { list-style: none; }

в-четвертых, выложите архив с кодом вашего сайта на форум(включая css reset)

@Кристинич · 07.09.2015, 18:20 **[ТС]**

Он все равно не посередини(

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
33
34
35
36
37
38
html, body, div, span, applet, object, iframe,
 blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, 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, legend,
 table, tbody, tfoot, thead, tr, th {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 /*font-size: 100%;*/
 vertical-align: baseline;
 }
 body {
 line-height: 1;
 }
 ol, ul {
 list-style: none;
 }
 blockquote, q {
 quotes: none;
 }
 :focus {
 outline: 0;
 }
 ins {
 text-decoration: none;
 }
 del {
 text-decoration: line-through;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }

@whiteapps · 07.09.2015, 18:21

Кристинич, покажите пожалуйста ваш сайт, либо в песочнице, либо архивом

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Кристинич 0 / 0 / 0 Регистрация: 01.06.2014 Сообщений: 21
	07.09.2015, 18:02 [ТС]
	а где мне прописать, потому что я уже пробывала, но не получается 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	07.09.2015, 18:03
	Кристинич, а какой именно текст вы хотите выровнять? 0

@Кристинич 0 / 0 / 0 Регистрация: 01.06.2014 Сообщений: 21
	07.09.2015, 18:06 [ТС]
	Я хочу список выровнять 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	07.09.2015, 18:21
	Кристинич, покажите пожалуйста ваш сайт, либо в песочнице, либо архивом 0