HTML contents and CSS styles: Samples

• Add HTML/CSS using inline styles:
<p>Lorem Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="color: red;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="text-align: justify;"><span style="font-size: 18px; font-weight: bold;">Lorem Ipsum</span> dolor sit <em>amet</em>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
dynadocx -i content.html
• Add HTML/CSS using style tags:
<head>
  <style>
      .strong {
          font-weight: bold;
      }

      p {
          font-family: Arial;
      }

      p.hl {
          font-family: "Times New Roman";
          font-size: 20px;
          text-align: justify;
      }

      span.hl {
          color: #CCBB11;
          text-decoration: underline;
          font-style: italic;
      }
  </style>
</head>
<p><span class="strong">Lorem Ipsum</span> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="hl strong">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><span class="hl">Lorem Ipsum</span> dolor sit <em>amet</em>, consectetur <span class="hl">adipiscing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore <span style="text-decoration: line-through;">magna aliqua</span>.</p>
dynadocx -i content.html
• Add HTML/CSS using link tags:
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<p><span class="strong">Lorem Ipsum</span> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="hl strong">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><span class="hl">Lorem Ipsum</span> dolor sit <em>amet</em>, consectetur <span class="hl">adipiscing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore <span style="text-decoration: line-through;">magna aliqua</span>.</p>
dynadocx -i content.html -t template.docx
Icon