I want to create and style a section of some WordPress Pages that will be a kind of inset section: that is, it will be like an “aside” to the main text, so it will be a special font and color and so forth.
I tried adding
around some paragraphs in the text editor, with the class
inset. I then added some custom CSS styling this red. It worked!
However, what I want to do now is adjust the width and indentation of this div block, and give it a gray background. What is a good way to go about doing this?
I understand that the div is probably contained within other divs that make up the wordpress page. How much do I need to understand about the structure of a WordPress Page in general to accomplish this and not run into strange interactions with existing structural elements?
Alternatively is there a plugin or widget that would make this possible?
Read more here: creating and styling a <div> within a page