How to do form label alignment in Jinja - alignment

Question

My question is very similar to this one
Jinja has a "center" formatting option, but how about "right align"?
Basically, I want the effect like:
something: 1
someotherthing: 3
thelastthing: 2
But instead of "key", I want to align "form.element.label". I tried to use the same rjust function. However, I got
jinja2.exceptions.UndefinedError: 'wtforms.fields.core.Label object'
has no attribute 'rjust'

Answer 1

I haven't seen your HTML, but I expect that one of these two sites should have the info you need to right-align your element.
You'll need to do one of two things with your form.element.label as you put it into your HTML code. You'll either need to find a way to identify the label (or maybe even the entire form that it's part of) so you can add some CSS that will be able to grab it, or you can add the CSS style code directly to that element on the page. I'll give some examples using form alignment, but the same idea applies if you really want to do just the label.
Identifying the label or form with a CSS class
<style>
.myform {
float: right;
}
</style>
<form class="myform" action="demo">
<label for="demo">Demo</label>
<input type="radio" name="demo" id="demo" value="demo">
</form>
Using CSS to align any label or form, causing all of them to right-align
<style>
form {
float: right;
}
</style>
<form action="demo">
<label for="demo">Demo</label>
<input type="radio" name="demo" id="demo" value="demo">
</form>
Including the CSS in the code for the label or form
<form action="demo" style="float: right;">
<label for="demo">Demo</label>
<input type="radio" name="demo" id="demo" value="demo">
</form>
Make sure to check out those W3 Schools links, because there are other ways to do the alignment besides floating the elements. Hopefully this gives you what you need!