Вопрос Автоматический отступ на несколько пикселей влево от div-класса

[trasher]

Добрый вечер всем.

Сидел верстал для себя худик и столкнулся с проблемой - не понимаю как сделать автоматический отступ влево на несколько пикселей (к примеру на 30).
(Если ставить сейчас число больше - оно наежает на блок)

 

[delmx]

На какой блок наезжает? Скинь часть кода

 

[trasher]

HTML:

            <div class="palkam">
                <div class="money">{{money}}</div>
            </div>

CSS:

    .inGameHud .palkam {
        position: absolute;
        width: 3px;
        height: 40px;
        left: 1825px;
        top: 115px;
        display: flex;
        
        background: #8A89F9;
        box-shadow: 0px 0px 5px rgba(97, 70, 70, 0.3);
    }

    .inGameHud .palkam .money{
        width: 79px;
        height: 18px;
        right: 0px;
        padding-right: 84px;
        position: absolute;
        
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 18px;
        
        color: #FFFFFF;
        
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    }

Наезжает на ту палку (palkam)

 

[trasher]

delmx написал(а):

На какой блок наезжает? Скинь часть кода

Нажмите для раскрытия...

Если будет удобно - напиши в дискорд, там больше покажу

 

[Moretti]

Сделай text-align:right

 

[trasher]

Moretti написал(а):

Сделай text-align:right

Нажмите для раскрытия...

Пробовал, все равно наезжает

 

[delmx]

Ты сам себе усложняешь работу. Задаешь фикс ширину .palkam, чтобы сделать эту боковую полоску. Внутрь вкладываешь деньги с фикс. шириной. Тут неправильно ахритектурно. https://replit.com/@PS18/RealShallowComputationallinguistics

 

[trasher]

delmx написал(а):

Ты сам себе усложняешь работу. Задаешь фикс ширину .palkam, чтобы сделать эту боковую полоску. Внутрь вкладываешь деньги с фикс. шириной. Тут неправильно ахритектурно. https://replit.com/@PS18/RealShallowComputationallinguistics

Нажмите для раскрытия...

Все равно почему то не получается, но взял на заметку

 

[delmx]

trasher написал(а):

Все равно почему то не получается, но взял на заметку

Нажмите для раскрытия...

Что именно не получается?

 

[trasher]

Вообще ничего, просто уезжает влево, добавил свои координаты и все равно наезжает

HTML:

            <div class="palkam">
                <div class="money">999999999999999999</div>
            </div>

CSS:

    .palkam {
        position: relative;
        text-align: right;
        width: 3px;
        height: 40px;
        left: 1825px;
        top: 115px;
        padding-right: 20px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 18px;
        
        color: #FFFFFF;
        
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    }
    .palkam::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 40px;
        background: #8A89F9;
        box-shadow: 0px 0px 5px rgba(97, 70, 70, 0.3);
    }

Мне кажется просто я что-то не так поставил, голова особо не варит сейчас

 

[delmx]

у .palkam убери width и height.

 

[trasher]

delmx написал(а):

у .palkam убери width и height.

Нажмите для раскрытия...

Спасибо огромное, возьму на заметку, почитаю побольше про архитектуру. Закрыть можно.