Text Mittig in der Breite setzten

html.de-Forum HTML, XHTML & CSS
1

Hallo Communty, ich habe eine kleine Box via CSS erstellt:
[HTML]#statusa{
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
overflow: auto;
width: 312px;
height: 156px;
border-width: 1px;
border-style: groove;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 0;
text-align: left;
color: #636363;
background: #efefef;
text-decoration: none;
}[/HTML]Die Box hat ja eine feste größe. Und in der Box kommt ein Text mittels PHP und TXT:
[HTML]

<?php readfile("new.txt"); ?>
[/HTML]So, jetzt sieht es aber nun nicht gerade schön aus, wenn ich nur ein Satz in dieser Riesiegn Box habe. Deshalb würde ich gerne, dass der Text Mittig von der Breite ist. Also nicht align=center. Ich habe es mal mit [HTML]display:inline;[/HTML]versucht, der Text wird auch Mittig angezeigt, aber leider verschindet dann meine Box.

Ich hoffe ihr habt eine Lösung…

Mfg
Tobi

2 
text-align: left;

ändern in

text-align: center;

Wenn ich das richtig verstanden habe …

3

Sry, aber leider nicht. Damit setzte ich ja den Text Zentriert in der höhe…
[CENTER]Also so
[LEFT]Ich würde aber gerne den Text Mittig in der Box von der Breite haben…

Bsp:
[ATTACH]1691.vB[/ATTACH]
[/LEFT]
[/CENTER]

4

Nein Assassins, threadi hatte da schon Recht! Mit text-align center setzt du den Text horizontal in die MItte, also in der Breite wirds dann mittig dargestellt.

5

ups… Ich meine Höhe. Tut mir leid.

Also in der Mitte von der Box soll der Text anfangen. Das geht ja mit display:inline;. Aber irgendwie verschwindet dadurch die Box…

6

Höhe? Geht ganz einfach mit line-height.

Du verwendest für #statusa height: 156px, wenn der Text darin in der Höhe, also vertikal mittig dargestellt werden soll, brauchst du nur die line-height auf die Hälfte der Height setzten, also, bei dir wäre das:

line-height: 78px;

7

naja nicht ganz… Damit fängt er ja jeden Satz anfang bei 78px an. Habe ich ja jetzt mal ein längeren Text, der in der Box ist, soll er diesen ja auch ausfüllen… Sry, dass ich alles so „schön“ erkläre :wink: Ich würde euch ja gerne es online zeigen, aber mein Server erhält gerade ein Update…

Edit:
ich hab nun erstmal die old Version mit einer table genommen:

                <div id="statusa"><blockquote>

                    <table border="0" height="130">
                    <tr>
                    <th><?php
                    readfile("new.txt");
                    ?>
                    </th>
                    </tr>
                    </table>
                </div>