Centre d'ensemble de la blockquote

Actuellement le texte dans les citations sont centrées, mais il est en train de créer un problème quand il n'y a pas beaucoup de texte à citer et à la bordure gauche se termine trop loin dans le texte.

Exemple

J'aimerais la frontière de toujours être 5px dans le texte (en général centré en vertu d'une image sur mon blog).

Est-il possible de centrer le ensemble blockquote, y compris la bordure gauche, de sorte qu'il n'est pas coincé dans une position tandis que le texte est la seule chose centrée?

CSS:

blockquote {
    max-width:390px;
    color: #5c4c40;
    text-align: center; 
    border-left: 3px solid #897860; 
    padding-left: 5px;
    margin-left: 40px; 
}
Pouvez-vous joindre une capture d'écran ou un dessin de ce que vous voulez?
Pourriez-vous profvide un exemple complet sur jsfiddle.net ?
les citations sont les éléments de niveau bloc et à cet effet, l'utilisation de la largeur disponible. Si la blockquote a 500px de l'espace disponible, il sera étendu à 500px de largeur. Vous pourriez essayer avec flotteur/display:inline-block.
Il va s'étirer pour le jeu max-width – peu importe la façon dont beaucoup de texte à l'intérieur.

OriginalL'auteur kmxe060 | 2013-06-04

  1. 5

    Ajouter width:auto; et display:table

    blockquote {
    max-width:390px;
    color: #5c4c40;
    text-align: center; 
    border-left: 3px solid #897860; 
    padding-left: 5px;
    margin:0 auto;
    background:red;
    width:auto;
    display:table
}

    DÉMO

    Qui a travaillé, @Sowmya, merci beaucoup. Seul problème, c'est désormais la frontière de la hauteur a élargi.
    frontière hauteur élargi?? Je le vois correcte dans la tripoter
    il pourrait y avoir des conflits dans votre page css. Pouvez-vous partager le lien de la page
    Cela semble être soit un remplissage ou la hauteur de la ligne d'émission en conflit avec des règles css.
    cette hauteur est à cause de la balise p rendus à l'intérieur de la blockquote. Supprimer la balise p il wil être fine.

    OriginalL'auteur Sowmya

  2. 2
    <center><blockquote>test test test</blockquote></center>

    http://jsfiddle.net/5g0aa3ea/

    Pas de doute sur le statut de "centre" de retour lorsque cette réponse a été donnée, mais à partir de 2018, le 'centre' de la balise est déconseillé. Veuillez ne pas l'utiliser.

    OriginalL'auteur Rakka Rage

  3. 0

    De Travail Violon: http://jsfiddle.net/KYdnJ/34/

    HTML:

    <div class="quote">
    <blockquote>some random text</blockquote>
</div>

    CSS:

    .quote {
    text-align:center;
}

blockquote {
    padding:10px 5px;
    border-left:3px solid #ccc; 
    display:inline-block;
    color:#666;
    background:#eee;
}
    Merci @convenable. Fonctionne, mais donne-moi à la même hauteur questions que le code précédent.
    il suffit de régler le rembourrage sur la blockquote: jsfiddle.net/KYdnJ/35

    OriginalL'auteur seemly