1. Все
  2. Web
  3. CSS
  4. Css basic
  5. pull right css

pull right css

2018-03-02 14:20:09 

<div >
    <div class="ui-button ui-button-filter floatleft" style="padding:0px; width: 300px; height: 235px float:left;">
        <img src="./Адаптивная верстка_files/1.jpg"  >
    </div>
    <div style="display: flex;    justify-content: space-between; ">
        <button >Применить</button>
        <button> Очистить </button>
    </div>
</div>

 

 

 

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>pull right</title>
</head>

<body>
    <style>
    .send-mess-file-label {
        padding-bottom: 4px;
        color: red;
        border-bottom: 1px dashed;
        font-size: 10px;
    }

    .send-mess-file-label-max {
        color: red;
        font-size: 10px;
        position: absolute;
        right: 6px;
        top: 10px;
    }

    .send-mess-file-pic {
        background: url(/feedback/img/file_pic.png) no-repeat top left;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    </style>
    <div style="position: relative;">
        <span class="send-mess-file-pic"></span>
        <span class="send-mess-file-label" @click="addItem()">Прикрепить файл</span>
        <span class="send-mess-file-label-max" v-if="fileIsMoreThen2Mb">Файл не должен быть больше 2 мб</span>
    </div>
</body>

</html>