align text label to right bootstrap

Question

I want to align text label to right Using bootstrap 5 like when i type this code:

<div class="form-floating text-dark text-end float-right">
  <input type="password" class="form-control text-dark" placeholder=" " id="password">
  <label for="floatingInput" class="float-right text-end">كلمة المرور</label>
</div>

The text is start from left I want change it to right

I tried .text-end And type css code

.float-right {
    float: right;
}

But that not working for me

I tried used it with input div but that not working, and i tried it with label and that not working — abdooo9, Dec 14 '21 at 15:25
You're doing something wrong. Add a code snippet where you tried that and isn't working for you. — pavel, Dec 14 '21 at 15:26
It works me, you're doing something wrong. https://jsfiddle.net/t9j2x3f0/ — pavel, Dec 14 '21 at 15:29
@pavel try use bootstrap with it, It is on the right side of the field https://jsfiddle.net/26tocbfm/ — abdooo9, Dec 14 '21 at 15:31

score 0 · Accepted Answer · edited Dec 15 '21 at 15:04

0

use below css for label

label {
    text-align:right;
    width:100%;
}

edited Dec 15 '21 at 15:04

Fabian S.

2,441
2
24
34

answered Dec 14 '21 at 15:33

denishkumar maniya

12
3

That's Work Thx – abdooo9 Dec 14 '21 at 15:34
Your answer could be improved by adding more information on what the code does and how it helps the OP – Vimal Patel Dec 14 '21 at 15:42

align text label to right bootstrap

1 Answers1