Как задать ширину блока относительно соседского блока?

@javascript · Регистрация: 09.07.2015

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

В HTML что-то вроде этого:

HTML5

    <div class="article">
            <div class="title">
                <h2>Something here...</h2><span class="line"></span>
            </div>          
        </div>

У h2 и span.line стоит inline-block. Как сделать так, чтобы ширина span высчитывалась относительно контента в h2?

CSS:

CSS

.article{
    width:50%;
}
.title h2{
    display: inline-block;      
}
.line{
    display: inline-block;
        ???
    height:17px;
    background: url('img/line.png');
}

@GoDr · 01.12.2015, 09:58

а если просто задать ширину в процентах?

CSS

        .title h2{
            display: inline-block;
            background: #fded02;
            width: 70%;
        }
        .line{
            display: inline-block;
            width: 30%;
            height:17px;
            background: #f00000;
        }

	01.12.2015, 09:58