twee tekens boven elkaar plaatsen

[deveha]

Voor een website over teksten op luidklokken moeten deze zo letterlijk en figuurlijk worden over bij publicatie.

Het probleem dat er soms twee tekens boven elkaar staan, b.v. M_R hierbij staat dus de R boven het streepje en beide nemen evenveel ruimte in beslag als de M.
Het idee is als bij №.

Weet iemand een oplossing?

 

[Tha Devil]

Iets in deze richting:

<!-- Dit komt natuurlijk in je CSS-bestand -->
<style>
.luidklokken { font-size: 28px; }
.luidklokken sup { font-size: 50%; border-bottom: 1px solid; }
</style>
<!-- Dit komt op je HTML-pagina -->
<p class="luidklokken">
  M <sup>R</sup>
</p>

<div class="luidklokken">
  M <sup>R</sup>
</div>

<span class="luidklokken">
  M <sup>R</sup>
</span>

 

[deveha]

Niet helemaal: de R staat te hoog, bovenkant R moet gelijk zijn met bovenkant M en geen streepje maar alleen een kader.

Wat ik zelf gevonden heb is : Mr̲
Dat begint erop te lijken, maar streep staat onder de M (logisch want het is de code voor underscore) en de r te laag

 

[Tha Devil]

De code die ik geef is prima aan te passen met CSS om het zo te maken als dat je wilt:

<!-- Dit komt natuurlijk in je CSS-bestand -->
<style>
.luidklokken { font-size: 28px; }
.luidklokken sup { font-size: 46%; text-decoration: underline; }
</style>
<!-- Dit komt op je HTML-pagina -->
<p class="luidklokken">
  M <sup>R</sup>
</p>
 
<div class="luidklokken">
  M <sup>R</sup>
</div>
 
<span class="luidklokken">
  M <sup>R</sup>
</span>

Daarnaast vraag je naar een streepje (en geef je daar ook voorbeelden van) maar heb je het nu over een kader.

Heb je misschien ergens een voorbeeld van hoe het er uit moet zien?

 

[deveha]

Dit is de bedoeling, maar ik besef me nu dat het erg moeilijk gaat worden omdat deze gegevens uit een database komen.
Ik ga kijken of ik dit als plaatje kan insluiten.
Ik zal de vraag sluiten.