starred/markdig
1
0
Fork 0
mirror of https://github.com/xoofx/markdig.git synced 2026-02-11 05:44:45 +00:00
Code Issues 690 Packages Projects Releases 21 Wiki Activity

How to generate inline html ? #702

New Issue
Closed
opened 2026-01-29 14:43:23 +00:00 by claunia · 2 comments
claunia commented 2026-01-29 14:43:23 +00:00
Owner
Copy Link

Originally created by @BeepBeepBopBop on GitHub (Oct 3, 2024).

Hello, I am new to Markdig and I have the following use-case:

I am trying to write a UI similar to Chat GPT's when the assistant is responding, with a string of characters followed by a circle. Here is the simplified code:

<p style="display: inline;">
     <span style="display: inline;">
         @((MarkupString)Markdig.Markdown.ToHtml(MessageViewModel.Text))
     </span>

     <span style="display: inline;">
         X
     </span>
 </p>

-> The issue that I have is that Markdig generates block elements. Is there a way to configure the behavior so that the "X" in the code above appears on the same line as the html generated by Markdig ?

Thanks a lot for your help.

Originally created by @BeepBeepBopBop on GitHub (Oct 3, 2024). Hello, I am new to Markdig and I have the following use-case: I am trying to write a UI similar to Chat GPT's when the assistant is responding, with a string of characters followed by a circle. Here is the simplified code: ``` <p style="display: inline;"> <span style="display: inline;"> @((MarkupString)Markdig.Markdown.ToHtml(MessageViewModel.Text)) </span> <span style="display: inline;"> X </span> </p> ``` **-> The issue that I have is that Markdig generates block elements. Is there a way to configure the behavior so that the "X" in the code above appears on the same line as the html generated by Markdig ?** Thanks a lot for your help.
claunia added the invalid label 2026-01-29 14:43:23 +00:00
claunia commented 2026-01-29 14:43:25 +00:00
Author
Owner
Copy Link

@AmadeusW commented on GitHub (Oct 3, 2024):

I don't think it's a bug on markdig. You can achieve what you want in CSS, using display: flex rather than display:inline, with with align-items: flex-end. Here's details: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

@AmadeusW commented on GitHub (Oct 3, 2024): I don't think it's a bug on markdig. You can achieve what you want in CSS, using `display: flex` rather than `display:inline`, with with `align-items: flex-end`. Here's details: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
claunia commented 2026-01-29 14:43:27 +00:00
Author
Owner
Copy Link

@xoofx commented on GitHub (Oct 3, 2024):

Agreed, not really a bug or an issue with markdig, but HTML/CSS related.

@xoofx commented on GitHub (Oct 3, 2024): Agreed, not really a bug or an issue with markdig, but HTML/CSS related.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
documentation
enhancement
extension
Hacktoberfest
invalid
PR Welcome!
pull-request
Mirrored from GitHub Pull Request
 question
wontfix
No Label invalid
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/markdig#702
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?