Editing Template:Caution

<noinclude>
<languages/>
</noinclude>{{#if: {{{1|}}}
|<table cellspacing="0" cellpadding="0" border="0" style="margin-top:0.5em; border:1px #d33 solid; padding:0.5em; background-color:#fee7e6"><tr><td nowrap="true" valign="top">
}}<!--#/if-->[[File:OOjs UI icon alert-destructive.svg|18px|text-bottom|alt=<translate><!--T:1--> Caution!]] '''<!--T:2--> Caution:''' {{#if:{{{1|}}}
|</td><td valign="top" style="padding-{{dir|{{pagelang}}|right|left}}:0.5em"> {{{1|}}}</td></tr></table>
|&#32;
}}<!--#/if--><noinclude>
{{Documentation|content=


== Usage == <!--T:3-->

=== Method 1 === <!--T:4-->
<!--T:5--> The following displays the Caution icon and the word 'Caution:'.
<!--T:6--> You can follow this with whatever text/images/markup you like.

<pre>{{Caution}} <nowrap><!--T:9--> Here is my ''Caution'' message.</pre>
{{Caution}} <!--T:10--> Here is my ''Caution'' message.


=== Method 2 === <!--T:7-->

<!--T:8-->
The following includes the text passed to the template, and uses a table to stop the text flowing round the icon.


<pre>{{Caution|1=<nowrap><!--T:11--> Here is a long ''Caution'' message, which is sufficiently wordy to run onto a second line on most common screen resolutions, which would normally cause it to wrap round the icon, but because we passed it as a parameter it keeps its left alignment straight.}}</pre> 

{{Caution|1=<!--T:12--> Here is a long ''caution'' message, which is sufficiently wordy to run onto a second line on most common screen resolutions, which would normally cause it to wrap round the icon, but because we passed it as a parameter it keeps its left alignment straight.}}

}}
[[Category:Templates{{#translation:}}]]
</noinclude>