Не могу добиться расположение div-ов в одной строчке

@FreSia · Регистрация: 27.09.2016

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

Добрый день, не могу расположить с правой стороны меню и за ним сразу чтобы шла кнопка "sing in", выбивает эту кнопку ниже под меню, что можно в этом случае сделать. Прилагаю картинку что получается и что хочу увидеть

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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Verstka1</title>
</head>
 
<body>
<header>
    <div class="center-block-main clearfix">
        <p class="logo"><img src="https://www.cyberforum.ru/images/logo.png" alt=""></p>
        <div class="menu-btn">
            <nav>
                <ul class="menu">
                    <li><a href="#">Label</a></li>
                    <li><a href="#">Label</a></li>
                    <li><a href="#">Label</a></li>
                </ul>
            </nav>
            <div class="subscribe-form">
                <form action="" method="get">
                    <input type="submit" class="submit-inpt" value="sign in"
                </form>
            </div>
        </div>
    </div>
</header>
</body>
</html>

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
.center-block-main{
    max-width: 960px;
    margin: 0 auto;
}
header{
    background: #f7fdfe;
    padding: 20px 0;
}
    .logo{
        float: left;
    }
    .menu-btn {
        float: right;
        overflow: hidden;
    }
        .menu{
            float: left;
        }
            .menu li {
                float: left;
                text-transform: uppercase;
                font-size: 0.875em;
                font-weight: bold;
                color: #82868f;
                margin-right: 40px;
            }
            .menu li a{
                color:#82868f; text-decoration:none;
            }
            .menu li a:hover{
                color:#0ebfdd;
            }
        .submit-inpt {
            background:#0ebfdd;
            float:right;
            border: none;
            color:#fff;
            text-transform:uppercase;
            padding:15px 40px;
            cursor:pointer;
            font-size:0.875em;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;
        }

@Майкл Скоуфилд · 27.09.2016, 19:07

Извините, случайно не то скинул.
Вот так лучше думаю)

@FreSia · 27.09.2016, 19:08 **[ТС]**

да, спасибо большое! огромнейшее!)

@Fedor92 · 27.09.2016, 19:18

Не могу просто так смотреть... До кучи: cyberforum.zip

@Майкл Скоуфилд · 27.09.2016, 19:33

Да там по сути только один нужный архив

Новые блоги и статьи Все статьи Все блоги /
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(), которая. . .

@FreSia 0 / 0 / 0 Регистрация: 27.09.2016 Сообщений: 11
	27.09.2016, 19:08 [ТС]
	да, спасибо большое! огромнейшее!) 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	27.09.2016, 19:18
	Не могу просто так смотреть... До кучи: cyberforum.zip 0

@Майкл Скоуфилд 11 / 10 / 3 Регистрация: 25.09.2015 Сообщений: 238
	27.09.2016, 19:33
	Да там по сути только один нужный архив 0