Nota margen derecho

<p class="strongnote">Este es un ejemplo de casilla con mensaje al margen derecho de una publicación</p> <style> .strongnote { float: right; position: absolute; top: 1px; right: 2em; width: 24%; font-size: 80%; line-height: 1.2em; border: 1px solid #CCC; padding: 5px 10px 5px 15px; border-radius: 10px; color: #000066; background-color: #f4f4fe; } </style>

⁂

Este es un ejemplo de casilla con mensaje al margen derecho de una publicación. Modelo 1

___________________

Este es un ejemplo de casilla con mensaje al margen derecho de una publicación. Modelo 2

<p class="style48">Este es un ejemplo de casilla con mensaje al margen derecho de una publicación</p> <style> .style48 { font-size: 31px; color: pink; margin-block-start: 10px; /*margin-inline-start: 5%;*/ margin-inline-start: 20em; margin-inline-end: 20px; background-color: red; padding-inline-start: 0;lor:yellow; </br> </br> </style>> </br> </br>

Si la casilla la quieres en el centro estilo inline, se procede así

Este es un ejemplo de casilla con mensaje al centro de una publicación

<p class="strongnotes">Este es un ejemplo de casilla con mensaje al centro de una publicación</p> <style> .strongnotes { color: #000066; margin: .25em 35% .25em 10%; background-color:#eef; background-color: #ffdccb; background-color:#eef; border: 1px solid #CCC; box-shadow: 7px 7px 5px #888; padding: 5px 10px 5px 15px; border-radius: 10px; </style>

Si la casilla la quieres en el centro estilo en bloque, se procede así

Este es un ejemplo de casilla con mensaje centrado en bloque para una publicación

<p class="style11">Este es un ejemplo de casilla con mensaje centrado en bloque para una publicación</p> <style> .style11 { background-color: teal; color: #7FFFD4; font-size: 110%; padding: 0px 5px 0px 5px; margin: 30px 49px 10px 18px; border-radius: 5px; margin-inline-end:10px; text-align:center; </style>

Si la casilla la quieres en el centro con estilos, se procede así

Ejemplo de casilla con mensaje centrado inline, subrayado, con fondo, para una publicación

<p class="style24">Este es un ejemplo de casilla con mensaje centrado en inline, subrayado, con fondo, para una publicación</p></br> </br> <style> .style24 { font-size: 22px; border-bottom: 2px solid red; color: white; margin: 40; display:inline; background:#c08d34 </style>

Mensaje centrado con bordes

Este es un ejemplo de mensaje centrado con bordes superior e inferior, para una publicación

<p class="style41">Este es un ejemplo de mensaje centrado con bordes superior e inferior, para una publicación</p> <style> .style41 { margin-block-start: 2em; margin-block-end: .25em; margin-inline-start: 7.5%; margin-inline-end: 32%; padding: 1em 1em 0 1em; border-block-start: 3px solid brown; border-block-end: 3px solid brown; background:#5f9ea0; color:antiquewhite; </style>