Differences

This shows you the differences between two versions of the page.

--- en:create:functions:html [24.12.2014 18:26] – [Tips] alexander.ritter
+++ en:create:functions:html [09.03.2022 15:48] (current) – [Example] admin
@@ Line 10: / Line 10: @@
 ===== Example =====
+**Note:** It is usually better to create a //Text// in the **List of Questions** to store any longer HTML code. This text is than dragged into the questionnaire page like a question ([[:en:create:texts]]).
 <code php>
 html('<h1>Welcome!</h1>');
 html('
-  <p>Line breaks are
+  <p>Line breaks
-  not a problem here.</p>
+  will be ignored.</p>
 ');
 </code>
+===== HTML-Code and other elements =====
+Other elements -- especially questions and text elements -- also generate HTML code. You can use ''html()'' to add more HTML code before and after these elements. This allows you, for example, to embed a question in another HTML element in order to change the width.
+The following PHP code displays the question AB01 centered in a block with a maximum width of 600 pixels.
+<code php>
+ html('<div style="max-width: 600px; margin: 0 auto;">');
+ question('AB01');
+ html('</div>');
+ </code>
+You can find an application within the instructions for [[:en:create:table-layout]].
 ===== Tips =====