HTML Wie kann man Text so formatieren?

[glumada]

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?

 

[Adam Gontier]

Ganz simpel mit ein paar Divs.

 

[rainbow6261]

Innerhalb eines Inlineelemts kannst du es meiner Meinung nach nicht so formatieren.

 

[powerfx]

Mit zwei <div> z.B.

 

[Yuuri]

<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.

 

[1668mib]

Also wenns eine Art Logo sein soll, würde ich ein Bild machen.