Comment faire habillage de texte autour d'une table, comme si c'était une image

Je suis surpris, je ne pouvais pas trouver une solution à cette question. Je voudrais position un petit tableau (1 ligne, 3 cellules) dans le haut de mon document, aligné à droite, avec un paragraphe d'emballage autour d'elle, comme vous pouvez le faire avec une image avec le code suivant...

    <img src="http://www.sorenwagner.ws/marty/img/ca-seal.jpg"
        align="right" width="300" height="100">
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...

Il serait agréable aussi bien pour être en mesure de définir un rembourrage autour de la table, de sorte que le texte n'est pas jusqu'à la frontière. Est-il une solution relativement simple pour cela en CSS?

Étant donné que votre question a été entièrement traitée dans trois réponses différentes, il est de bon ton de choisir une réponse si ce n'est pas considéré comme "sans réponse" pour les autres utilisateurs ayant fait référence à cela dans le futur.

OriginalL'auteur Soren Wagner | 2012-05-20

  1. 5

    Juste flotteur le tableau à droite (ce qui est la façon dont vous devez être le positionnement de l'image en tant que bien):

    <table style="float: right">
    <!-- ... -->
</table>
<p>Bunch of text...</p>

    Démo: http://jsfiddle.net/ambiguous/ZLfg7/1/

    L'OP a demandé de l'avoir aligné à droite, pas à gauche.
    Droite, de droite c'est. Merci pour le heads up.

    OriginalL'auteur mu is too short

  2. 4

    jsFiddle

    table {
    float: right; /* floats the table to the right,
                     allowing text to wrap around it */
    margin: 12px; /* adds buffer space around the table */
}

    OriginalL'auteur gmeben

  3. 3

    Flotteur de la table et de lui donner une marge via CSS:

    table {
    float:right;
    width:300px;
    margin:0 0 10px 10px;
}​

    jsFiddle exemple.

    L'OP a demandé d'avoir un espace entre la table et son parent. margin:0 0 10px 10px s'applique uniquement de l'espace vers le bas et le côté gauche de la table.
    En fait, l'OP a dit, "Il serait agréable aussi bien pour être en mesure de définir un rembourrage autour de la table, de sorte que le texte n'est pas jusqu'à la frontière." que j'ai fait dans mon exemple. En outre, la modification du montant de la marge, est trivial.
    Assez vrai. J'ai lu OP post de manière incorrecte.
    Parfait - merci!

    OriginalL'auteur j08691