no subject

Every time I think we finally have consistent cross-browser support....!

try this:

<div style="max-width: 750px; box-sizing: border-box; margin: auto; padding: 0.5em 0.2em; color: #ba0; font-family: Tahoma, sans-serif; font-size: 30pt; letter-spacing: 0.25em; text-align: right;"> TITLE </div>

<div style="background-image: url(IMAGE1); background-size: cover; width: 31%; height: 145px; outline: 2px solid #dc0; outline-offset: 3px;"> </div>
      	<div style="background-image: url(IMAGE2); background-size: cover; width: 31%; height: 145px; outline: 2px solid #dc0; outline-offset: 3px;"> </div>
      	<div style="background-image: url(IMAGE3); background-size: cover; width: 31%; height: 145px; outline: 2px solid #dc0; outline-offset: 3px;"> </div>
      	
      	<p style="padding-top:  1em;"> INTRO TEXT </p>

<details style="width:100%; margin-top: 2em;">
		<summary style="cursor:pointer;color:transparent;margin-left:-1.25em; border-bottom: 3px solid #dc0;"><span style="color: #ba0; letter-spacing: 0.18em; font-style: italic; font-size: 20pt;">→ LIST SECTION</span></summary>
		<div style="padding:1em 0 1em 1em;">
			<p><b style="color: #ba0; text-transform: uppercase; letter-spacing: 0.2em;"> heading </b> content </p>
			<p><b style="color: #ba0; text-transform: uppercase; letter-spacing: 0.2em;"> heading </b> content </p>
			<p><b style="color: #ba0; text-transform: uppercase; letter-spacing: 0.2em;"> heading </b> content </p>
		</div>
	</details>

(7 comments)

no subject

Post a comment in response: