CSS :Размещение элементов div слева/в центре/справа внутри заголовка

Я пытался создать сайт со следующей структурой:

Но я не могу правильно понять заголовок (e1 слева, e2 по центру, e3 справа ). Я хочу, чтобы три элемента e1, e2 и e3 располагались слева, посередине и справа. Вот что я пытаюсь:

    

        1
    
    

        2
    
    

        3
    


    links


    content


    footer

С помощью этого css:

#wrapper
{
    width: 95%;
    margin: 20px auto;
    border: 1px solid black;
}

#header
{
    margin: 5px;
}
#header-e1
{
    float: left;
    border: 1px solid black;
}
#header-e2
{
    float: left;
    border: 1px solid black;
}
#header-e3
{

    border: 1px solid black;
}

#nav
{
    margin: 5px;
}
#content
{
    margin: 5px;
}
#footer
{
    margin: 5px;
}

Может ли кто-нибудь дать мне совет, что я могу сделать? Структура будет использоваться на мобильном сайте.

ОБНОВЛЕНИЕ

Код, который у меня есть выше, дает мне это: Но я хочу, чтобы 2 по центру и 3 справа. Я не хочу устанавливать ширину в процентах, потому что содержимое элементов может варьироваться, то есть это может быть 20/60/20 -10/80/10 -33/33/33 или что-то еще.