I am developing a new card type. I want a line on the back of the user’s card to look like this… Mnemonic: {{Mnemonic}} …where the label is in a smaller font and the field content is in a different color text. That all works fine. But I can’t get rid of a line break after the colon. In the card t…

I think this is because the field contains a <div> tag. Maybe the field was edited and a new line was added. In this case, a new div tag could appear. [image] A few possible solutions. Replace {{Mnemonic}} with {{text:Mnemonic}} in the card template to strip all HTML tags. https://docs.ankiwe…

Thanks @kelciour . However, there are no HTML tags in any of the test card Mnemonic field contents. If I insert “text:” as you suggested in your item 1, I still get the line break, but I lose any graphic content in the Mnemonic field.

Maybe your Styling section contains something like this to make it look like there’s a line break after "Mnemonic: ". .reminder { display: block; } I can’t think of anything else. I’d suggest to either install the AnkiWebView Inspector add-on or set the env var QTWEBENGINE_REMOTE_DEBUGGING to 80…

Hi @brec , Apparently, the display attribute of the mnemonic element(id="Item0" class="mnemonic") is set to block by the following line in the showItem() function : theItem.style.display = "block"; // reveal Screenshot: [mnemonic]

@hkr , this was indeed the problem! (Part of the problem was that I didn’t fully understand the function of the block attribute.) I have updated the note type’s back template to set the mnemonic’s display attribute to inline-block and then to get the buttons on a new line after the mnemonic I have en…

@hkr , P.S. What software is that a screenshot of?

It’s Anki ⁨2.1.38 (Windows version). I customized the top bar and the bottom bar using css and javascript. The panel at the right side is AnkiWebView Inspector add-on (which I published to Ankiweb).

How to get rid of line break (card template)? [Edited w/ new info]

Anki Card Design

brec December 30, 2020, 7:47pm 5

Yesterday I posted a link to a sample .apkg in a description of my card note project.

Topic		Replies	Views
AnkiMobile inserting linebreak before inline MathJax Help	6	969	January 2, 2022
Formatting issue when using multiple lines Card Design	2	54	March 1, 2026
Line breaks are ignored on the input text Help	7	2193	June 22, 2022
JavaScript blocks display of the other side of card Card Design	3	1227	January 9, 2022
Cloze deletion with line break issue Card Design	3	101	November 6, 2025

How to get rid of line break (card template)? [Edited w/ new info]

Related topics