Ссылки footer не принимают элемент float right

148
07 октября 2018, 01:10

Я пытаюсь сделать так, чтобы текст был слева и имел позицию float left, а ссылки принимали значения float right, но ссылки не принимают этого значения. Я пытался задать text-align left, что так же не помогло

HTML:

<footer> 
<div class="container-fluid py-4">
    <div class="row clearfix">
    <div class="row col-lg-6 px-5">
        <p class="name">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
            <span> Maxim corp 2018. All rights reserved </span>
        </p>        
    </div>
    <div class="row col-lg-2 elements">
        <ul class="unstyled-list">
            <li class="subject"><a href="#">Link 1</a>
            <li class="subject"><a href="#">Link 2</a>
            <li class="subject"><a href="#">Link 3</a>
            <li class="subject"><a href="#">Link 4</a>
        </ul>
    </div>
        <div class="row col-lg-2 elements">
        <ul class="unstyled-list">
            <li class="subject"><a href="#">Link 1</a>
            <li class="subject"><a href="#">Link 2</a>
            <li class="subject"><a href="#">Link 3</a>
            <li class="subject"><a href="#">Link 4</a>
        </ul>   
                </div>

    <div class="row col-lg-2 elements">
        <ul class="unstyled-list">
            <li class="subject"><a href="#">Link 1</a>
            <li class="subject"><a href="#">Link 2</a>
            <li class="subject"><a href="#">Link 3</a>
            <li class="subject"><a href="#">Link 4</a>
        </ul>       
    </div>
        </div>
    </div>  

CSS:

footer {
background: #232323;
}
.name {
    float: left;
    font-weight: 900;
    color: #fff;
    text-align: left;
 }
 .name span {
    display: block;
    text-align: left;
 }
 .unstyled-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.elements {
    float: right;
}
.subject a {
    font-size: 1.1rem;
    color: #fff;
}
.subject a:hover {
    text-decoration: none;
}

Спасибо!

READ ALSO
Как обработать многомерный массив в js?

Как обработать многомерный массив в js?

есть массив filesArr которые содержит в себе элементы по порядку

155
Перевод секунд в формат HH:MM:SS

Перевод секунд в формат HH:MM:SS

Нужна строка в формате часы:минуты:секунды Подскажите алгоритм перевода секунд в такой формат или для этого есть методы?

207