Hab mal etwas erstellt:
<div style="overflow:hidden">
<div style="display: inline-block;font-weight:700;float:left;margin-right: 10px;font-style:italic;padding:3px 0;">{{{1|Sprecher}}}:</div>
<div style="float:left;padding:3px 10px; background: rgba(0,0,0,0.1); border-radius: 10px; margin-bottom: 6px;">{{{2|Text}}}</div>
</div>
Wenn du eine Vorlage namens "Dialog" erstellst, kannst du sie dann so nutzen:
{{Dialog|Altair|Ihr könnt nicht mehr fliehen, teilt euer Geheimnis mit mir.}}
Kannst das ganze dann so stylen, wie du möchtest. Du kannst die CSS-Angabe auch in die CSS-Datei ausgliedern, wenn du den Divs eine Klasse zuweist, z.B. mit dem namen "dialog" (reicht eigentlich für das übergreifende Div, die anderen beiden kannst du auch mit div.dialog:nth-child(1) und div.dialog:nth-child(1) ansprechen - nur als Info, falls du dich mit CSS nicht so auskennst).
Theoretisch wäre es auch möglich, den Sprechern per CSS je nach Namen unterschiedliche Textfarben oder gar kleine Bilder (z.B. Porträts) zuzuweisen.
Falls du noch Hilfe benötigst oder Fragen hast, dann sag einfach Bescheid.