Position von Shortcode auf einer Seite verändern?

Noch ne Dummy-Frage hinterher.
Es gibt ja diverse Plugins, die schon fertigen Shortcode zur Verfügung stellen, den man nur in eine Seite einfügen muß, und die Pfade anpassen muß.
Als Beispiel für die vielen Plugins nehme ich hier jetzt mal MP3-jPlayer -> Link

Mit dem Shortcode
[mp3j track="http://pfad zum Musikstück.mp3"]
wird der MP3-Player auf die eigene Seite eingebaut.

Leider habe ich es (wahrscheinlich wegen der fehlenden HTML-Kenntnisse) bisher (fast) nicht geschafft, die Position solcher Shortcodes auf der Homepage zu verändern.
Meistens kleben diese kleinen Progrämmchen am linken Bildschirmrand.
Den einzigsten (halbwegs brauchbaren) Weg, den ich bisher gefunden habe, ist solche Shortcodes in eine Tabelle einzubinden, und die Zellenbreite der Tabellenzelle links von der Zelle, die den Shortcode beinhaltet zu verändern.
Es geht doch bestimmt auch einfacher mit HTML-Befehl?
Bisher waren aber diesbezüglich alle meine Bemühungen vergebends.

Wäre dankbar für Licht in meinem Dunkel.

Danke Frank

Hallo SirEctor!
Habe es ja bisher immer hinbekommen, indem ich den Shortcode in eine Tabelle gepackt habe. Denke nur, dass es vielleicht einen einfacheren Weg gibt.
Die styles.css wirkt sich ja (soweit ich weiß) auf ALLE Seiten aus.
Mir geht es aber hierbei um die Optik auf einer einzelnen Seite.

Mein eigentliches Anliegen (ist vielleicht ungewöhnlich)...
Ich würde nur gerne "von erfahrenen Spezialisten" wissen ob sie es auch so machen würden, oder ob es andere (einfachere) Möglichkeiten gibt.
So etwas wie z.B. <p style="text-align: center;">Test</p> um Text zu zentrieren nur halt für Shortcodes mit der Möglichkeit den Shortcode präzise auf einer Seite zu positionieren.

Beispiel 1: -> Link
Im Beispiel 1 wollte ich, daß die Wetteransicht in der Bildschirmmitte (und nicht am linken Rand) erscheint.
Ich habe es so gelöst, dass ich den Code in eine Tabelle mit zwei Zellen gepackt habe, und Zelle 1 so lange mit Sternchen in Hintergrundfarbe aufgefüllt habe, bis die Wetteransicht sich ca. in Seitenmitte befindet.

Hier der Code:

<table>
<tbody>
<tr>
<td><span style="color: #ebe0ca;">***************</span></td>
<td>Codeschnipsel von Wetterinfo</td>
</tr>
</tbody>
</table>

Beispiel 2: - Link
In Beispiel 2 befindet sich der Mp3-Player acht mal eingebettet in einer Tabelle mit 4 Zellen und 10 Zeilen.

Beide Beispiele sind von der Optik so, wie ich es mir vorgestellt habe.
Würde halt nur gerne wissen, ob es auch einen einfacheren Weg gibt, um so was hinzubekommen.

Gruß Frank

Hallo SirEctor!

Zitat von SirEctor

Lösch z.B. mal die Tabelle bei der Wetterbox und schreib in Deine CSS folgendes...

Danke, werde es ausprobieren. Muß mich vielleicht doch mal mit CSS beschäftigen.

Zitat von SirEctor

Beim zweiten Link hast Du manuell Daten wie Datum, Dauer und MB ergänzt, oder? Dann würde ich es evtl. auch über Tabelle machen.

Ja genau, die Daten habe ich manuell ergänzt und stehen in separaten Zellen. - Danke für die Rückmeldung.

Vielen Dank für deine Hilfe
Gruß Frank

Hallo SirEctor!

Vielen herzlichen Dank.
Die Zentrierung über den CSS-Eintrag bei der Wetterbox hat geklappt.
Muß ich mir merken.

Gruß Frank

Nachfrage: Wie kamst du die Breite von 320 Pixeln?
Im Original Code von Wetterinfo habe ich bezüglich Breite nichts gefunden.
Reiner Schätzwert?

Gruß Frank