HTML Wie kann man Text so formatieren?

glumada

Lieutenant
Dabei seit
Okt. 2009
Beiträge
579
Ja ich weis der Thredtitel ist nicht sehr vielsagend, mir ist aber leider kein besserer eingefallen.

Schwer zu beschreiben desshalb ein bild:


oder soll ich das lieber als bild einbinden?
 

Yuuri

Fleet Admiral
Dabei seit
Okt. 2010
Beiträge
12.631
Code:
<style type="text/css">

* {
  margin: 0;
  padding: 0;
}

div {
  display: inline-block;
}

.container {
  font-size: 14pt;
  font-family: Arial;
}

.container div:first-child {
  text-align: right;
}

.container div:first-child span:first-child {
  display: block;
}

.container div:first-child span:last-child {
  color: #f00;
}

.container div:last-child {
  font-size: 38pt;
}

</style>

<div class="container">
  <div>
    <span>TEXTTEXT123</span>
    <span>blabla</span>
  </div>
  <div>XY</div>
</div>
Läuft in FF, Chrome und Opera. Als IE hab ich nur die 8er zum Testen (die 9er lässt sich nicht installieren), wo es natürlich nicht funktioniert. Sollte man also evtl. mal im 9er testen, ggf. dort als Bild einfügen.
 
Top