1

ul.header-blog li{
	list-style: none;
	display: inline;

}
.header-blog {
	right: 0;
}
			<ul class="header-blog">
				<li>Home</li>
				<li>Services</li>
				<li>Portfolio</li>
				<li>Testimonial </li>
				<li>Blog</li>
				<li>Contact Us</li>
			</ul>

Как поставить список чтобы он был справа

2
  • position: absolute добавить в .header-blog 22 окт 2017 в 17:43
  • В каком смысле справа? Что бы знаки списка были справа или что бы текст списка был справа?
    – Telion
    22 окт 2017 в 18:14

2 ответа 2

1

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

ul.header-blog {
  position: absolute;
  display: inline-block;
  padding: 5px;
  width: auto;
  height: auto;
  background: green;
  right: 0;
}

ul.header-blog li {
  list-style: none;
  display: inline-block;
  width: 100px;
  background: red;
}
<ul class="header-blog">
  <li>Home</li>
  <li>Services</li>
  <li>Portfolio</li>
  <li>Testimonial </li>
  <li>Blog</li>
  <li>Contact Us</li>
</ul>

1

ul.header-blog {
  float: right;
}

ul.header-blog li {
  list-style: none;
  display: inline;
}
<ul class="header-blog">
  <li>Home</li>
  <li>Services</li>
  <li>Portfolio</li>
  <li>Testimonial </li>
  <li>Blog</li>
  <li>Contact Us</li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.