Texte et images dans un cadre (DIV) avec angles arrondis | Encadré

Un simple texte peut être mis facilement dans un cadre aux angles arrondis (c'est-à-dire dans un "encadré"), une fois de plus en utilisant un DIV. On peut y ajouter des images tout simplement, comme d'habitude en utilisant l'Editeur WYSIWYG (mode "rédiger") de Blogger.

<div style="background-color: #91C1D8; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 2px solid rgb(250, 180, 3); height: 100%; padding: 10px; text-align: justify; vertical-align: middle; margin-left: auto; margin-right: auto;">
Votre Texte/contenu ici
</div>

Bon à savoir: On notera que pour éviter l'utilisation de la balise <CENTER> qui n'est pas conforme, j'ai utilisé margin-left: auto; margin-right: auto;

Un blog, anglicisme parfois francisé en blogue et également appelé cybercarnet ou bloc-notes, est un type de site web – ou une partie d'un site web – utilisé pour la publication périodique et régulière d'articles, généralement succincts, et rendant compte d'une actualité autour d'un sujet donné ou d'une profession. À la manière d'un journal de bord, ces articles ou « billets » sont typiquement datés, signés et se succèdent dans un ordre antéchronologique, c'est-à-dire du plus récent au plus ancien....

A blog (a truncation of the expression weblog) is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically displayed in reverse chronological order (the most recent post appears first). Until 2009 blogs were usually the work of a single individual, occasionally of a small group, and often covered a single subject...

D'après Wikipedia