Задать вопрос
@dashademkova
css

Разделение текста на 2 части?

Как разделить текст на 2 части с помощью класса?
753d71621b7947ac992844b5ba016c8d.PNG
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: url(../img/main_bg.png) #fefefe;
}

a {
	text-decoration: none;
}

@font-face {
	font-family: "Hortensia";
	src: url(../fonts/hortensia.ttf);
	font-size: 100px;
}
.b3radius {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;

}
#page_align {
	width: 960px;
	margin:29px auto;
	background: #fefefe;
	box-shadow: 0px 2px 1px #DDDDDD;
	-webkit-box-shadow: 0px 2px 1px #DDDDDD;
	-o-box-shadow: 0px 2px 1px #DDDDDD;
	-moz-box-shadow: 0px 2px 1px #DDDDDD;

}

#header {
	height: 90px;
	background: url(../img/menu.png);


}


#header ul {
    list-style: none;
    float: left;
    margin-left: 3%;
	margin-right: 1%;
	margin: center;

}
#header ul li {
	float: left; 
	padding: 0px 78px 0px 0px;
}
#header ul li a {
	font-family: "Hortensia";
	font-size: 18px;
	height: 34px; 
	display: inline;
	line-height: 85px;
	 padding-top: 30px;
	 padding: 9px 2px;
	 text-shadow:  0px 1px 2px black;
}


#header ul li a:hover {
	color: #e7e143;
}
.pook {
	float: right;

}

<!DOCTYPE HTML>
<html>
<head>
  	<title>Массаж</title>
  	<meta charset="utf-8">
    <link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
 <div id="page_align" class="b3radius">
 	<div id="header">
 		 <ul>
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Сервис</a></li>
            </ul>
            <ul class="pook">
                <li><a href="#">Фотогалерея</a></li>
                <li><a href="#">Видео</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>

 	</div>
 </div>

</body>
</html>
  • Вопрос задан
  • 291 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
RotarYMonkeY
@RotarYMonkeY
Изучаю HTML, CSS, JS и PHP
У Вас проблема тут:
#header ul {
    list-style: none;
    float: left;
    margin-left: 3%;
  margin-right: 1%;
  margin: center;
}

У этого правила приоритет выше чем у:
.pook {
  float: right;
}

По-этому не применяется правило float: right;
Попробуйте задать для первого ul класс и прописать стили через него, а не используя конструкцию #header ul
Вообще плохая привычка задавать стили через id, для этого нужно использовать классы. Лучше присвоить каждому тегу по классу, чем 1 раз упомянуть конструкцию #header ul.
Не делайте так)
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка iOS Приложения
07 мая 2024, в 20:21
900000 руб./за проект
Автоматизация сбора информации о компаниях
07 мая 2024, в 20:10
1000 руб./в час
Написать статью на финансовую тему
07 мая 2024, в 19:52
50000 руб./за проект
Ещё заказы