Utilizing the jquery mobile framework, I have crafted a webpage about gardening services which can be found at the following link:
I urge you to take notice of the shaded paragraph just below the <h1> heading.
My main concern lies with the <p> element within the <div> container that has the class "lime_tint," as it does not seem to properly expand the said container. Normally, the default margins of the paragraph element should ensure that the <div> containing it adjusts accordingly.
For example, upon inspecting the paragraph element in Google Chrome, I noticed the following styling properties. According to my understanding, the -webkit-margin-before and -webkit-margin-after set at 1em should increase the size of the div container, resulting in additional space above and below the paragraph element. However, this is not happening as expected.
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}