Make left justified text more centered on cloze deletion

Anki Card Design
1

Hey there,

I want to make left justified text more centered on a cloze deletion card.
Unfortunately I am using a card template of the anking which is very complicated to understand in the source code. Is there a simple solution to this I could add to the source code?

It looks like this atm

123145
1231451920×1036 85.1 KB

3

strange, i use the MCAT style one (from anking) and the text is centered

image
image1909×129 3.38 KB

but even on the anking-master-v2 it is centered
image
image

would recommend replacing the “front”,“back” and “styling” (shamim) from https://www.ankipalace.com/downloadable-content

4

Yeah what I want is that I have left justified text but more in the middle of the screen

5

Place all the fields in your front and back within divs like this

<div class="centeredBox"><div class="leftAlign">
[all your fields]
</div></div>

Then to the styling section, add this css

.centeredBox {
text-align: center;
}
.leftAlign {
display: inline-block;
text-align: left;
}

To change the width of the content, add max-width: X to the centeredBox styling, where X is either a value in percentage like 80% or in pixels like 500px.

6

Ah got it! So in [all your fields] I place the name of the columns I use on that card template?

7

The wrapper meta addon was made for stuff like this

8

I just downloaded it and that button works like a champ! Thank you very much!