Aligning Bulleted Lists

Assuming you’re using the default Cloze note type.

image

Change this:

To this:

Template Text for Copy Paste (slightly different from images to keep cloze text centered):

Front:
<div>{{cloze:Text}}</div>

Back:

<div>{{cloze:Text}}</div>
<br>
<div class="container">
    <div>{{Back Extra}}</div>
</div>

Styling:

.card {
  font-family: arial;
  font-size: 20px;
  text-align: center;
  color: black;
  background-color: white;
}

.cloze {
 font-weight: bold;
 color: blue;
}
.nightMode .cloze {
 color: lightblue;
}

.container {
  display: inline-block;
  text-align: left;
}
3 Likes