Editing Talk:Prayers

== Table structures ==

* using separate one-column tables so they collapse on mobile
* using font 85% so it reduces on mobile 
** note: on mobile the right border extends to width of the screen : how to fix?

=== prayer table code ===

{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;" 

!style="padding:15px;"|>>Prayer start here<<
Amen
|-
|style=font-size:75%;|<center>"From >>SOURCE</center>
|-
|}

{|style="vertical-align:top; float:none; border:solid 1px;" 
!style="padding:15px;"|''>>Prayer start here w/ italics for Latin''

''Amen.''
|-
|style="font-size:75%;"|<center>From the >>SOURCE</center>
|-
|}

<br>
<pre>
{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;" 

!style="padding:15px;"|>>Prayer start here<<
Amen
|-
|style=font-size:75%;|<center>"From >>SOURCE</center>
|-
|}

{|style="vertical-align:top; float:none; border:solid 1px;" 
!style="padding:15px;"|''>>Prayer start here w/ italics for Latin''

''Amen.''
|-
|style="font-size:75%;"|<center>From the >>SOURCE</center>
|-
|}
<br>
</pre>

==== notes ====
* >> needs a <nowiki><br></nowiki> to separate Notes from prayer tables
* 1st table has float:right; 2nd does not


=== notes table code ===
<pre>
{|style="font-size:85%; border:solid 1px; background-color:lightblue;"
|Notes:
* note 1
* note 2
|-
|}

</pre>

{|style="font-size:85%; border:solid 1px; background-color:lightblue;"
|Notes:
* note 1
* note 2
|-
|}