Не могу установить два элемента h2 бок о бок [дубликаты]

Perezo123 спросил: 13 октября 2017 в 07:45 в: html

На этот вопрос уже есть ответ:

  • CSS display: inline-block drops to next line 2 ответа

Здравствуйте, у меня возникла проблема в простой математике с двумя элементами h2 рядом в форме. Ширина формы составляет 400 пикселей. Элемент h2 имеет ширину 200px, включая отступ, но h2 (рядом с ним) того же размера собирается в новом ряду. Спасибо за help.https://jsfiddle.net/9vbqwcm0/1/

   h2{
    display: inline-block;
    padding: 15px;
    cursor: pointer;
    margin: 0;
}h2:first-child{
    width: 170px;
    text-align: center;
    background: #00c;
}h2:last-of-type{
    width: 170px;
    text-align: center;
}<form action="#" method="GET">
        <h2>Sign in</h2>
        <h2>New account</h2>
        <input type="text" name="Meno" placeholder="Meno">
        <input type="email" name="Email" placeholder="E-mail">
        <input type="password" name="Password" placeholder="Heslo">
        <label for="agree">
            <input type="checkbox" name="akceptujem" id="agree"> Agree therms of use
        </label>
        <button>Create ACC</button>
    </form>

0 ответов