Mẫu định dạng bài đăng trên blog

<phần class="blog-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada.</p>
<div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; margin: 25px 0;">
<p style="font-size: 1.1em; font-style: italic;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et est sed felis aliquet sollitudin. Proin et ligula nec felis laoreet ultrices.</p>
</div>
<div style="text-align: center; margin: 30px 0;" class="image-placeholder">
<img alt="Hình ảnh giữ chỗ" src="https://via.placeholder.com/800x400.png?text=Placeholder">
<p style="font-style: italic; font-size: 0.9em; color: #666; Margin-top: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<h2>1. Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tạm thời xảy ra trong công việc và dolore magna aliqua.</p>
<h3>Lorem Ipsum</h3>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat.</li>
<li>
Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ sint occaecat cupidatat non proident.</li>
</ul>
<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Hãy đưa Nunc scelerisque viverra mauris vào.</p>
</div>
<h3>Lorem Ipsum</h3>
<ul>
<li>
<strong>Công cụ nên thử:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>
<strong>Bước hành động:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
</ul>
<div style="background-color: #e8f5e9; bán kính đường viền: 8px; đệm: 15px; lề: 20px 0;">
<p><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, grafida pelentesque urna varius vitae.</p>
</div>
<h2>2. Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada.</p>
<h3>Lorem Ipsum</h3>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat.</li>
<li>
Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ sint occaecat cupidatat non proident.</li>
</ul>
<div style="text-align: center; margin: 30px 0;" class="image-placeholder">
<img alt="Hình ảnh giữ chỗ" src="https://via.placeholder.com/800x400.png?text=Placeholder">
<p style="font-style: italic; font-size: 0.9em; color: #666; Margin-top: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Hãy đưa Nunc scelerisque viverra mauris vào.</p>
</div>
<h3>Lorem Ipsum</h3>
<ul>
<li>
<strong>Các công cụ nên thử:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>
<strong>Bước hành động:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
</ul>
<div style="background-color: #e8f5e9; bán kính đường viền: 8px; đệm: 15px; lề: 20px 0;">
<p><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, grafida pelentesque urna varius vitae.</p>
</div>
<h2>3. Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada.</p>
<h3>Lorem Ipsum</h3>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat.</li>
<li>
Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ sint occaecat cupidatat non proident.</li>
</ul>
<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Hãy đưa Nunc scelerisque viverra mauris vào.</p>
</div>
<h3>Lorem Ipsum</h3>
<ul>
<li>
<strong>Các công cụ nên thử:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>
<strong>Bước hành động:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
</ul>
<div style="background-color: #e8f5e9; bán kính đường viền: 8px; đệm: 15px; lề: 20px 0;">
<p><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, grafida pelentesque urna varius vitae.</p>
</div>
<h2>4. Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada.</p>
<h3>Lorem Ipsum</h3>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat.</li>
<li>
Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ sint occaecat cupidatat non proident.</li>
</ul>
<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Hãy đưa Nunc scelerisque viverra mauris vào.</p>
</div>
<div style="text-align: center; margin: 30px 0;" class="image-placeholder">
<img alt="Hình ảnh giữ chỗ" src="https://via.placeholder.com/800x400.png?text=Placeholder">
<p style="font-style: italic; font-size: 0.9em; color: #666; Margin-top: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<h3>Lorem Ipsum</h3>
<ul>
<li>
<strong>Các công cụ nên thử:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>
<strong>Bước hành động:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
</ul>
<div style="background-color: #e8f5e9; bán kính đường viền: 8px; đệm: 15px; lề: 20px 0;">
<p><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, grafida pelentesque urna varius vitae.</p>
</div>
<h2>5. Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada.</p>
<h3>Lorem Ipsum</h3>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat.</li>
<li>
Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ sint occaecat cupidatat non proident.</li>
</ul>
<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Hãy đưa Nunc scelerisque viverra mauris vào.</p>
</div>
<h3>Lorem Ipsum</h3>
<ul>
<li>
<strong>Các công cụ nên thử:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>
<strong>Bước hành động:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
</ul>
<div style="background-color: #e8f5e9; bán kính đường viền: 8px; đệm: 15px; lề: 20px 0;">
<p><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, grafida pelentesque urna varius vitae.</p>
</div>
<div style="background-color: #fff3e0; border-radius: 10px; padding: 25px; margin: 30px 0;">
<h2>Lorem Ipsum Dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua.</p>
<div style="display: flex; flex-wrap: wrap; khoảng cách: 20px; margin-top: 15px;">
<div style="flex: 1; chiều rộng tối thiểu: 200px;">
<h4>Lorem</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit.</p>
</div>
<div style="flex: 1; chiều rộng tối thiểu: 200px;">
<h4>Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit.</p>
</div>
<div style="flex: 1; chiều rộng tối thiểu: 200px;">
<h4>Đau khổ</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit.</p>
</div>
</div>
<p style="margin-top: 15px; font-weight: đậm;">Mẹo chuyên nghiệp: Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cư dân Pellentesque morbi tristique senectus et netus et maleuada nổi tiếng ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
<div style="background-color: #e6f7ff; border: 1px solid #91d5ff; border-radius: 8px; padding: 20px; margin: 25px 0; text-align: center;">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Số nguyên nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
</div>
</phần>