✔ Span mit text-align:justify funktioniert nicht?

[Jan-Frederik Stieler]

Hallo,
entweder ich steh aufm Schlauch oder warum funktioniert das hier nicht:

<div class="inhalt noscroll">
<span class="blocksatz"><b>Zur Preisinformation für technische Schriften zum Thema Beschichtung von HPG-Schablonen geben Sie bitte Ihre Daten ein:</b></span>
<table>
<tr>
<td><form method="post" action="******">
<input type="hidden" name="recipient" value="******" />
</td>
<tr>
 <td></td>
 <td><input type="hidden" name="Bezeichnung" value="Preisinformation für technische Schriften zum Thema HPG-Schablonen"></input></td>
</tr>
</tr>
 <td><b>Firma</b></td>
 <td><input type="text" name="Firma" size="30" style="width: 325px" value=""></input></td>
</tr>
<tr>
 <td><b>Name:</b></td>
 <td><input type="text" name="Name" size="30" style="width: 325px" value=""></input></td>
</tr>
<tr>
 <td><b>Position:</b></td>
 <td><input type="text" name="Position" size="30" style="width: 325px" value=""></input></td>
</tr>

etc.

CSS:

.inhalt {position:absolute; height:330px; width:405px; padding-top:0px;}
.noscroll {left:480px; top:85px; overflow:hidden;} 
.blocksatz {text-align:justify;}

Viele Grüße

 

[Maik]

Hi,

das span-Element gehört zur Familie der Inline-Elemente und besitzt daher keine "Block-Level-Charakteristika".

Da sich die text-align-Eigenschaft nur auf Block-Elemente anwenden lässt, benötigt das span-Element zusätzlich die display:block-Eigenschaft:

.blocksatz {display:block;text-align:justify;}

 

[hela]

Hallo,
ich würde den Text besser gleich in einen DIV-Block setzen. Beispielsweise so:

<div class="inhalt noscroll">
    <div class="blocksatz fett">
        Zur Preisinformation für technische Schriften zum Thema Beschichtung von HPG-Schablonen geben Sie bitte Ihre Daten ein:
    </div>
    <table>
        <tr>
... usw. usf.

CSS:

...
.blocksatz {text-align: justify;}
.fett {font-weight: bold;}

 

[Jan-Frederik Stieler]

Ach mist. Der Fehler unterläuft mir nicht zum ersten mal .
Nun ja vielen Dank und viele Grüße.