Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.09.2018, 14:37   #1
Sonya123456789
 
Регистрация: 20.06.2018
Сообщений: 5
По умолчанию Как объединить Логотип и текст

Хочу чтобы Логотип стоял с лева а текст справа НА ОДНОМ УРОВНЕ а так у меня логотип стоит слева-сверху а текст с права снизу.
HTML!

Код:
<heder>
<div class="conteiner">	
<img src="img/logo.png" alt="" class="logo"> /*Логотип*/
	<nav>
		<ul class="wraper">
			<li>
				<a href="#">Новости</a>
			</li>

			<li>
				<a href="#">Магазин</a>
			</li>

			<li>
				<a href="#">Правила</a>
			</li>

			<li>
				<a href="#">Группа VK</a>
			</li>

			<li>
				<a href="#">Форум</a>
			</li>

			<li>
				<a href="#">Регистрация</a>
			</li>			
	
			<li>
				<a href="#">Авторизация</a>
			</li>
</ul>
</nav>
</div>
	</header>
Пожалуйста, оформляйте Ваш код согласно правилам.

CSS!

Код:
body{
margin: 0;
padding: 0;
}

div{
	box-sizing: border-box;
}

header{
background: url(../img/fon.png);
width: auto;
}

.conteiner{
width: 930;
margin: auto;


}


.logo{
padding: 0;
margin: 0;	


  margin-left: 145px;
  margin-top: 45px;
  
	}





nav{
display: flex;
justify-content: flex-end;


}

.wraper li {

color: #fff;
display: block;

padding: 6px;

}

li a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;


}


.wraper{

padding: 0;
margin: 0;

  margin-right: 145px;
  border: 1px solid #fff;


  display: flex;
 flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  


}

Последний раз редактировалось Вадим Мошев; 22.09.2018 в 16:45.
Sonya123456789 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как объединить текст в кавычках и вне кавычек? ДимаДК Общие вопросы C/C++ 8 05.10.2014 16:48
Как закрепить логотип на одном месте {Shadowevil} HTML и CSS 4 04.03.2013 12:59
Новый логотип России: как Вам это нравится? Blondy Свободное общение 28 13.08.2012 05:23
Объединить в MemoryStream форматированный текст и изображение Zerofill C++ Builder 0 11.05.2011 23:02