--- title: Getting Started With CSS & HTML (A Complete Guide With Examples) description: Describe your blog post image: http://demo.neambo.com/hubfs/mp/themes/Act-Theme/images/act2-blog-post-bg4.jpg --- [![Act Theme](https://demo.neambo.com/hs-fs/hubfs/mp/themes/Act-Theme/images/Act-Theme-New-Logo.png?noresize&width=70&height=50&name=Act-Theme-New-Logo.png "Act Theme")](https://demo.neambo.com/act2) - [Website](https://demo.neambo.com/act2) - [Home](https://demo.neambo.com/act2) - [Home I](https://demo.neambo.com/act2) - [Home II](https://demo.neambo.com/act2-home-ii) - [Home III](https://demo.neambo.com/act2-home-iii) - [One-Page Website](https://demo.neambo.com/act2-one-page-website) - [Under Construction](https://demo.neambo.com/act2-under-construction) - [Specialty](https://demo.neambo.com/act2-about-i) - [About](https://demo.neambo.com/act2-about-i) - [About I](https://demo.neambo.com/act2-about-i) - [About II](https://demo.neambo.com/act2-about-ii) - [Team I](https://demo.neambo.com/act2-team-i) - [Team II](https://demo.neambo.com/act2-team-ii) - [Team Member](https://demo.neambo.com/act2-team-member) - [Careers](https://demo.neambo.com/act2-careers) - [Partners](https://demo.neambo.com/act2-partners) - [Press](https://demo.neambo.com/act2-press) - [Product](https://demo.neambo.com/act2-product-i) - [Product I](https://demo.neambo.com/act2-product-i) - [Product II](https://demo.neambo.com/act2-product-ii) - [Product Feature](https://demo.neambo.com/act2-product-feature) - [Pricing](https://demo.neambo.com/act2-pricing-i) - [Pricing I](https://demo.neambo.com/act2-pricing-i) - [Pricing II](https://demo.neambo.com/act2-pricing-ii) - [Pricing III](https://demo.neambo.com/act2-pricing-iii) - [Services](https://demo.neambo.com/act2-services-i) - [Services I](https://demo.neambo.com/act2-services-i) - [Services II](https://demo.neambo.com/act2-services-ii) - [Customers](https://demo.neambo.com/act2-customers) - [Customers](https://demo.neambo.com/act2-customers) - [Case Studies](https://demo.neambo.com/act2-case-studies) - [Success Story](https://demo.neambo.com/act2-success-story) - [Portfolio](https://demo.neambo.com/act2-portfolio) - [Resources](https://demo.neambo.com/act2-resources) - [Resources](https://demo.neambo.com/act2-resources) - [FAQs](https://demo.neambo.com/act2-faqs) - [Documentation](https://demo.neambo.com/act2-documentation) - [eBooks](https://demo.neambo.com/act2-ebooks) - [Webinars](https://demo.neambo.com/act2-webinars) - [Media Library](https://demo.neambo.com/act2-media-library) - [Contact](https://demo.neambo.com/act2-contact-i) - [Contact I](https://demo.neambo.com/act2-contact-i) - [Contact II](https://demo.neambo.com/act2-contact-ii) - [Columns](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-1-col-hero) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-2-col-hero) - [2 Col, Sub-Menu](https://demo.neambo.com/act2-2-col-sub-menu) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-3-col-hero) - [3 Col, Sub-Menu](https://demo.neambo.com/act2-3-col-sub-menu) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-3-col-eq-hero) - [System](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [404](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [500](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630367388&updated=1530615073088) - [Password](https://demo.neambo.com/act2-password-protected) - [Preferences](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3768109375&updated=1530615617084) - [Unsubscribe](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630386358&updated=1530615755104) - [Confirmation](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3566544139&updated=1530615161546) - [Search Results](https://neambo.hs-sites.com/hs-search-results?term=inbound+marketing&limit=5) - [Extra](https://demo.neambo.com/act2-tabs) - [Tabs](https://demo.neambo.com/act2-tabs) - [Mega Menu](https://demo.neambo.com/act2-mega-menu) - [Mega Menu, Hero](https://demo.neambo.com/act2-mega-menu-hero) - [Advanced Gallery](https://demo.neambo.com/act2-advanced-gallery) - [Sticky Sidebar](https://demo.neambo.com/act2-sticky-sidebar) - [One-Field Form](https://demo.neambo.com/act2-one-field-form) - [Video Background](https://demo.neambo.com/act2-video-background) - [Random Layout](https://demo.neambo.com/act2-random-layout) - [Language Selector](https://demo.neambo.com/en/act2-multi-language) - Conversion - [Click Through](https://demo.neambo.com/act2-lp-click-through) - [Lead Gen](https://demo.neambo.com/act2-lp-lead-gen) - [Get a Quote](https://demo.neambo.com/act2-lp-get-a-quote) - [Download](https://demo.neambo.com/act2-lp-download) - [Request a Demo](https://demo.neambo.com/act2-lp-request-a-demo) - [Get Started](https://demo.neambo.com/act2-lp-get-started) - [New Stuff](https://demo.neambo.com/act2-lp-new-stuff) - [Columns](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-lp-1-col-hero) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-lp-2-col-hero) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-lp-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-lp-3-col-hero) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-lp-3-col-eq-hero) - Blog - [Blog I](https://demo.neambo.com/act2-blog-i) - [Blog Homepage](https://demo.neambo.com/act2-blog-i) - [Single Post](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work) - [Author](https://demo.neambo.com/act2-blog-i/author/julius-caesar) - [Posts by Topic](https://demo.neambo.com/act2-blog-i/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-i/all) - [Comments](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work#post-comments) - [No Comments](https://demo.neambo.com/act2-blog-i/5-step-process-to-write-the-perfect-blog-post-with-examples#post-comments) - [Another Page](https://demo.neambo.com/act2-blog-i/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-i/archive/2017/07) - [Blog II](https://demo.neambo.com/act2-blog-ii) - [Blog Homepage](https://demo.neambo.com/act2-blog-ii) - [Single Post](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors) - [Author](https://demo.neambo.com/act2-blog-ii/author/julius-caesar) - [Posts by Topic](https://neambo.hs-sites.com/act2-blog-ii/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-ii/all) - [Comments](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors#comments-section) - [No Comments](https://demo.neambo.com/act2-blog-ii/7-digital-marketing-startegies-that-work-a-complete-guide#comments-section) - [Another Page](https://demo.neambo.com/act2-blog-ii/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-ii//archive/2017/07) - [Coming soon](https://demo.neambo.com/act2-blog-ii-coming-soon) - Components - [Content Section](http://neambo.com/support/act21/content-section) - [Centered](http://neambo.com/support/act21/centered) [![Free Pack](https://no-cache.hubspot.com/cta/default/273774/a52c3d07-7420-4480-9d60-d9c3cad53fea.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/a52c3d07-7420-4480-9d60-d9c3cad53fea) [![Buy Now](https://no-cache.hubspot.com/cta/default/273774/664a0862-830f-4763-888a-322f1e346009.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/664a0862-830f-4763-888a-322f1e346009) [![Act Theme](https://demo.neambo.com/hs-fs/hubfs/mp/themes/Act-Theme/images/Act-Theme-New-Logo-Without-Theme.png?noresize&width=60&height=30&name=Act-Theme-New-Logo-Without-Theme.png "Act Theme")](https://demo.neambo.com/act2) - [Website](https://demo.neambo.com/act2) - [Home](https://demo.neambo.com/act2) - [Home I](https://demo.neambo.com/act2) - [Home II](https://demo.neambo.com/act2-home-ii) - [Home III](https://demo.neambo.com/act2-home-iii) - [One-Page Website](https://demo.neambo.com/act2-one-page-website) - [Under Construction](https://demo.neambo.com/act2-under-construction) - [Specialty](https://demo.neambo.com/act2-about-i) - [About](https://demo.neambo.com/act2-about-i) - [About I](https://demo.neambo.com/act2-about-i) - [About II](https://demo.neambo.com/act2-about-ii) - [Team I](https://demo.neambo.com/act2-team-i) - [Team II](https://demo.neambo.com/act2-team-ii) - [Team Member](https://demo.neambo.com/act2-team-member) - [Careers](https://demo.neambo.com/act2-careers) - [Partners](https://demo.neambo.com/act2-partners) - [Press](https://demo.neambo.com/act2-press) - [Product](https://demo.neambo.com/act2-product-i) - [Product I](https://demo.neambo.com/act2-product-i) - [Product II](https://demo.neambo.com/act2-product-ii) - [Product Feature](https://demo.neambo.com/act2-product-feature) - [Pricing](https://demo.neambo.com/act2-pricing-i) - [Pricing I](https://demo.neambo.com/act2-pricing-i) - [Pricing II](https://demo.neambo.com/act2-pricing-ii) - [Pricing III](https://demo.neambo.com/act2-pricing-iii) - [Services](https://demo.neambo.com/act2-services-i) - [Services I](https://demo.neambo.com/act2-services-i) - [Services II](https://demo.neambo.com/act2-services-ii) - [Customers](https://demo.neambo.com/act2-customers) - [Customers](https://demo.neambo.com/act2-customers) - [Case Studies](https://demo.neambo.com/act2-case-studies) - [Success Story](https://demo.neambo.com/act2-success-story) - [Portfolio](https://demo.neambo.com/act2-portfolio) - [Resources](https://demo.neambo.com/act2-resources) - [Resources](https://demo.neambo.com/act2-resources) - [FAQs](https://demo.neambo.com/act2-faqs) - [Documentation](https://demo.neambo.com/act2-documentation) - [eBooks](https://demo.neambo.com/act2-ebooks) - [Webinars](https://demo.neambo.com/act2-webinars) - [Media Library](https://demo.neambo.com/act2-media-library) - [Contact](https://demo.neambo.com/act2-contact-i) - [Contact I](https://demo.neambo.com/act2-contact-i) - [Contact II](https://demo.neambo.com/act2-contact-ii) - [Columns](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-1-col-hero) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-2-col-hero) - [2 Col, Sub-Menu](https://demo.neambo.com/act2-2-col-sub-menu) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-3-col-hero) - [3 Col, Sub-Menu](https://demo.neambo.com/act2-3-col-sub-menu) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-3-col-eq-hero) - [System](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [404](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [500](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630367388&updated=1530615073088) - [Password](https://demo.neambo.com/act2-password-protected) - [Preferences](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3768109375&updated=1530615617084) - [Unsubscribe](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630386358&updated=1530615755104) - [Confirmation](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3566544139&updated=1530615161546) - [Search Results](https://neambo.hs-sites.com/hs-search-results?term=inbound+marketing&limit=5) - [Extra](https://demo.neambo.com/act2-tabs) - [Tabs](https://demo.neambo.com/act2-tabs) - [Mega Menu](https://demo.neambo.com/act2-mega-menu) - [Mega Menu, Hero](https://demo.neambo.com/act2-mega-menu-hero) - [Advanced Gallery](https://demo.neambo.com/act2-advanced-gallery) - [Sticky Sidebar](https://demo.neambo.com/act2-sticky-sidebar) - [One-Field Form](https://demo.neambo.com/act2-one-field-form) - [Video Background](https://demo.neambo.com/act2-video-background) - [Random Layout](https://demo.neambo.com/act2-random-layout) - [Language Selector](https://demo.neambo.com/en/act2-multi-language) - Conversion - [Click Through](https://demo.neambo.com/act2-lp-click-through) - [Lead Gen](https://demo.neambo.com/act2-lp-lead-gen) - [Get a Quote](https://demo.neambo.com/act2-lp-get-a-quote) - [Download](https://demo.neambo.com/act2-lp-download) - [Request a Demo](https://demo.neambo.com/act2-lp-request-a-demo) - [Get Started](https://demo.neambo.com/act2-lp-get-started) - [New Stuff](https://demo.neambo.com/act2-lp-new-stuff) - [Columns](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-lp-1-col-hero) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-lp-2-col-hero) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-lp-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-lp-3-col-hero) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-lp-3-col-eq-hero) - Blog - [Blog I](https://demo.neambo.com/act2-blog-i) - [Blog Homepage](https://demo.neambo.com/act2-blog-i) - [Single Post](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work) - [Author](https://demo.neambo.com/act2-blog-i/author/julius-caesar) - [Posts by Topic](https://demo.neambo.com/act2-blog-i/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-i/all) - [Comments](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work#post-comments) - [No Comments](https://demo.neambo.com/act2-blog-i/5-step-process-to-write-the-perfect-blog-post-with-examples#post-comments) - [Another Page](https://demo.neambo.com/act2-blog-i/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-i/archive/2017/07) - [Blog II](https://demo.neambo.com/act2-blog-ii) - [Blog Homepage](https://demo.neambo.com/act2-blog-ii) - [Single Post](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors) - [Author](https://demo.neambo.com/act2-blog-ii/author/julius-caesar) - [Posts by Topic](https://neambo.hs-sites.com/act2-blog-ii/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-ii/all) - [Comments](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors#comments-section) - [No Comments](https://demo.neambo.com/act2-blog-ii/7-digital-marketing-startegies-that-work-a-complete-guide#comments-section) - [Another Page](https://demo.neambo.com/act2-blog-ii/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-ii//archive/2017/07) - [Coming soon](https://demo.neambo.com/act2-blog-ii-coming-soon) - Components - [Content Section](http://neambo.com/support/act21/content-section) - [Centered](http://neambo.com/support/act21/centered) [![Free Pack](https://no-cache.hubspot.com/cta/default/273774/a52c3d07-7420-4480-9d60-d9c3cad53fea.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/a52c3d07-7420-4480-9d60-d9c3cad53fea) [![Buy Now](https://no-cache.hubspot.com/cta/default/273774/664a0862-830f-4763-888a-322f1e346009.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/664a0862-830f-4763-888a-322f1e346009) Search **Menu** [![Free Pack](https://no-cache.hubspot.com/cta/default/273774/a2157066-383a-4a4a-bac4-8bca6c14e84a.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/a2157066-383a-4a4a-bac4-8bca6c14e84a) [![Buy Now](https://no-cache.hubspot.com/cta/default/273774/664a0862-830f-4763-888a-322f1e346009.png)](https://cta-redirect.hubspot.com/cta/redirect/273774/664a0862-830f-4763-888a-322f1e346009) - [Website](https://demo.neambo.com/act2) - [Home](https://demo.neambo.com/act2) - [Home I](https://demo.neambo.com/act2) - [Home II](https://demo.neambo.com/act2-home-ii) - [Home III](https://demo.neambo.com/act2-home-iii) - [One-Page Website](https://demo.neambo.com/act2-one-page-website) - [Under Construction](https://demo.neambo.com/act2-under-construction) - [Specialty](https://demo.neambo.com/act2-about-i) - [About](https://demo.neambo.com/act2-about-i) - [About I](https://demo.neambo.com/act2-about-i) - [About II](https://demo.neambo.com/act2-about-ii) - [Team I](https://demo.neambo.com/act2-team-i) - [Team II](https://demo.neambo.com/act2-team-ii) - [Team Member](https://demo.neambo.com/act2-team-member) - [Careers](https://demo.neambo.com/act2-careers) - [Partners](https://demo.neambo.com/act2-partners) - [Press](https://demo.neambo.com/act2-press) - [Product](https://demo.neambo.com/act2-product-i) - [Product I](https://demo.neambo.com/act2-product-i) - [Product II](https://demo.neambo.com/act2-product-ii) - [Product Feature](https://demo.neambo.com/act2-product-feature) - [Pricing](https://demo.neambo.com/act2-pricing-i) - [Pricing I](https://demo.neambo.com/act2-pricing-i) - [Pricing II](https://demo.neambo.com/act2-pricing-ii) - [Pricing III](https://demo.neambo.com/act2-pricing-iii) - [Services](https://demo.neambo.com/act2-services-i) - [Services I](https://demo.neambo.com/act2-services-i) - [Services II](https://demo.neambo.com/act2-services-ii) - [Customers](https://demo.neambo.com/act2-customers) - [Customers](https://demo.neambo.com/act2-customers) - [Case Studies](https://demo.neambo.com/act2-case-studies) - [Success Story](https://demo.neambo.com/act2-success-story) - [Portfolio](https://demo.neambo.com/act2-portfolio) - [Resources](https://demo.neambo.com/act2-resources) - [Resources](https://demo.neambo.com/act2-resources) - [FAQs](https://demo.neambo.com/act2-faqs) - [Documentation](https://demo.neambo.com/act2-documentation) - [eBooks](https://demo.neambo.com/act2-ebooks) - [Webinars](https://demo.neambo.com/act2-webinars) - [Media Library](https://demo.neambo.com/act2-media-library) - [Contact](https://demo.neambo.com/act2-contact-i) - [Contact I](https://demo.neambo.com/act2-contact-i) - [Contact II](https://demo.neambo.com/act2-contact-ii) - [Columns](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col](https://demo.neambo.com/act2-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-1-col-hero) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col](https://demo.neambo.com/act2-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-2-col-hero) - [2 Col, Sub-Menu](https://demo.neambo.com/act2-2-col-sub-menu) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col](https://demo.neambo.com/act2-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-3-col-hero) - [3 Col, Sub-Menu](https://demo.neambo.com/act2-3-col-sub-menu) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-3-col-eq-hero) - [System](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [404](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3631463907&updated=1530614911110) - [500](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630367388&updated=1530615073088) - [Password](https://demo.neambo.com/act2-password-protected) - [Preferences](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3768109375&updated=1530615617084) - [Unsubscribe](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3630386358&updated=1530615755104) - [Confirmation](https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=273774&tc_deviceCategory=undefined&template_layout_id=3566544139&updated=1530615161546) - [Search Results](https://neambo.hs-sites.com/hs-search-results?term=inbound+marketing&limit=5) - [Extra](https://demo.neambo.com/act2-tabs) - [Tabs](https://demo.neambo.com/act2-tabs) - [Mega Menu](https://demo.neambo.com/act2-mega-menu) - [Mega Menu, Hero](https://demo.neambo.com/act2-mega-menu-hero) - [Advanced Gallery](https://demo.neambo.com/act2-advanced-gallery) - [Sticky Sidebar](https://demo.neambo.com/act2-sticky-sidebar) - [One-Field Form](https://demo.neambo.com/act2-one-field-form) - [Video Background](https://demo.neambo.com/act2-video-background) - [Random Layout](https://demo.neambo.com/act2-random-layout) - [Language Selector](https://demo.neambo.com/en/act2-multi-language) - Conversion - [Click Through](https://demo.neambo.com/act2-lp-click-through) - [Lead Gen](https://demo.neambo.com/act2-lp-lead-gen) - [Get a Quote](https://demo.neambo.com/act2-lp-get-a-quote) - [Download](https://demo.neambo.com/act2-lp-download) - [Request a Demo](https://demo.neambo.com/act2-lp-request-a-demo) - [Get Started](https://demo.neambo.com/act2-lp-get-started) - [New Stuff](https://demo.neambo.com/act2-lp-new-stuff) - [Columns](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col](https://demo.neambo.com/act2-lp-1-col) - [1 Col, Hero](https://demo.neambo.com/act2-lp-1-col-hero) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col](https://demo.neambo.com/act2-lp-2-col) - [2 Col, Hero](https://demo.neambo.com/act2-lp-2-col-hero) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq](https://demo.neambo.com/act2-lp-2-col-eq) - [2 Col Eq, Hero](https://demo.neambo.com/act2-lp-2-col-eq-hero) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col](https://demo.neambo.com/act2-lp-3-col) - [3 Col, Hero](https://demo.neambo.com/act2-lp-3-col-hero) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq](https://demo.neambo.com/act2-lp-3-col-eq) - [3 Col Eq, Hero](https://demo.neambo.com/act2-lp-3-col-eq-hero) - Blog - [Blog I](https://demo.neambo.com/act2-blog-i) - [Blog Homepage](https://demo.neambo.com/act2-blog-i) - [Single Post](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work) - [Author](https://demo.neambo.com/act2-blog-i/author/julius-caesar) - [Posts by Topic](https://demo.neambo.com/act2-blog-i/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-i/all) - [Comments](https://demo.neambo.com/act2-blog-i/7-digital-marketing-strategies-that-always-work#post-comments) - [No Comments](https://demo.neambo.com/act2-blog-i/5-step-process-to-write-the-perfect-blog-post-with-examples#post-comments) - [Another Page](https://demo.neambo.com/act2-blog-i/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-i/archive/2017/07) - [Blog II](https://demo.neambo.com/act2-blog-ii) - [Blog Homepage](https://demo.neambo.com/act2-blog-ii) - [Single Post](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors) - [Author](https://demo.neambo.com/act2-blog-ii/author/julius-caesar) - [Posts by Topic](https://neambo.hs-sites.com/act2-blog-ii/tag/marketing) - [All Titles](https://demo.neambo.com/act2-blog-ii/all) - [Comments](https://demo.neambo.com/act2-blog-ii/5-secret-tips-to-help-you-spy-on-your-competitors#comments-section) - [No Comments](https://demo.neambo.com/act2-blog-ii/7-digital-marketing-startegies-that-work-a-complete-guide#comments-section) - [Another Page](https://demo.neambo.com/act2-blog-ii/page/2) - [Posts by Month](https://demo.neambo.com/act2-blog-ii//archive/2017/07) - [Coming soon](https://demo.neambo.com/act2-blog-ii-coming-soon) - Components - [Content Section](http://neambo.com/support/act21/content-section) - [Centered](http://neambo.com/support/act21/centered) [Lemon Blog](https://demo.neambo.com/act2-blog-i) # Getting Started With CSS & HTML (A Complete Guide With Examples) by [Julius Caesar](https://demo.neambo.com/act2-blog-i/author/julius-caesar), on August 26, 2017 ![Describe your image](http://demo.neambo.com/hs-fs/hubfs/mp/themes/Act-Theme/images/act2-blog-post-bg4.jpg?width=690&name=act2-blog-post-bg4.jpg "Describe your image") Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lacus libero. Integer vel feugiat est. Aenean in massa ornare turpis fermentum volutpat vel eget magna. Curabitur in rhoncus diam. Praesent at feugiat lacus. In venenatis aliquam leo eget tempor. Aenean lobortis laoreet tristique. Morbi tempus ornare porta. Praesent feugiat nulla eleifend turpis sollicitudin eleifend. Duis pellentesque nibh ut magna cursus ullamcorper. Ut porta neque eget pellentesque ultricies. Donec non feugiat neque. In accumsan ex diam, sed interdum neque consectetur id. Mauris sollicitudin nibh sed ex consequat, eget venenatis augue imperdiet. Nulla posuere imperdiet orci, nec scelerisque sem. Morbi aliquam rhoncus quam porta condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam vehicula facilisis erat id congue. Mauris vehicula fermentum fermentum. Mauris nulla tellus, faucibus quis consectetur ac, maximus eu metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lacus libero. Integer vel feugiat est. Aenean in massa ornare turpis fermentum volutpat vel eget magna. Curabitur in rhoncus diam. Praesent at feugiat lacus. In venenatis aliquam leo eget tempor. Aenean lobortis laoreet tristique. Morbi tempus ornare porta. Praesent feugiat nulla eleifend turpis sollicitudin eleifend. Duis pellentesque nibh ut magna cursus ullamcorper. Ut porta neque eget pellentesque ultricies. Donec non feugiat neque. In accumsan ex diam, sed interdum neque consectetur id. Mauris sollicitudin nibh sed ex consequat, eget venenatis augue imperdiet. Nulla posuere imperdiet orci, nec scelerisque sem. Morbi aliquam rhoncus quam porta condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam vehicula facilisis erat id congue. Mauris vehicula fermentum fermentum. Mauris nulla tellus, faucibus quis consectetur ac, maximus eu metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lacus libero. Integer vel feugiat est. Aenean in massa ornare turpis fermentum volutpat vel eget magna. Curabitur in rhoncus diam. Praesent at feugiat lacus. In venenatis aliquam leo eget tempor. Aenean lobortis laoreet tristique. Morbi tempus ornare porta. Praesent feugiat nulla eleifend turpis sollicitudin eleifend. Duis pellentesque nibh ut magna cursus ullamcorper. Ut porta neque eget pellentesque ultricies. Donec non feugiat neque. In accumsan ex diam, sed interdum neque consectetur id. Mauris sollicitudin nibh sed ex consequat, eget venenatis augue imperdiet. Nulla posuere imperdiet orci, nec scelerisque sem. Morbi aliquam rhoncus quam porta condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam vehicula facilisis erat id congue. Mauris vehicula fermentum fermentum. Mauris nulla tellus, faucibus quis consectetur ac, maximus eu metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lacus libero. Integer vel feugiat est. Aenean in massa ornare turpis fermentum volutpat vel eget magna. Curabitur in rhoncus diam. Praesent at feugiat lacus. In venenatis aliquam leo eget tempor. Aenean lobortis laoreet tristique. Morbi tempus ornare porta. Praesent feugiat nulla eleifend turpis sollicitudin eleifend. Duis pellentesque nibh ut magna cursus ullamcorper. Ut porta neque eget pellentesque ultricies. Donec non feugiat neque. In accumsan ex diam, sed interdum neque consectetur id. Mauris sollicitudin nibh sed ex consequat, eget venenatis augue imperdiet. Nulla posuere imperdiet orci, nec scelerisque sem. Morbi aliquam rhoncus quam porta condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam vehicula facilisis erat id congue. Mauris vehicula fermentum fermentum. Mauris nulla tellus, faucibus quis consectetur ac, maximus eu metus. Topics:[Marketing](https://demo.neambo.com/act2-blog-i/topic/marketing)[UX Design](https://demo.neambo.com/act2-blog-i/topic/ux-design) ## Comments ### About Lemon Blog This is where you give the visitor a brief introduction to both this blog and your company. Keep it short. More → - [Recent](https://demo.neambo.com/act2-blog-i/getting-started-with-css-html-a-complete-guide-with-examples#recent) - [Topics](https://demo.neambo.com/act2-blog-i/getting-started-with-css-html-a-complete-guide-with-examples#topics) - [Archive](https://demo.neambo.com/act2-blog-i/getting-started-with-css-html-a-complete-guide-with-examples#archive) - [Analytics (1)](https://demo.neambo.com/act2-blog-i/tag/analytics) - [Career (1)](https://demo.neambo.com/act2-blog-i/tag/career) - [Content (2)](https://demo.neambo.com/act2-blog-i/tag/content) - [Email Marketing (1)](https://demo.neambo.com/act2-blog-i/tag/email-marketing) - [Events (2)](https://demo.neambo.com/act2-blog-i/tag/events) - [Lead Nurturing (1)](https://demo.neambo.com/act2-blog-i/tag/lead-nurturing) - [Marketing (26)](https://demo.neambo.com/act2-blog-i/tag/marketing) - [Sales (2)](https://demo.neambo.com/act2-blog-i/tag/sales) - [Social Media (2)](https://demo.neambo.com/act2-blog-i/tag/social-media) - [Startup (4)](https://demo.neambo.com/act2-blog-i/tag/startup) - [UX Design (7)](https://demo.neambo.com/act2-blog-i/tag/ux-design) More... - [August 2017 (24)](https://demo.neambo.com/act2-blog-i/archive/2017/08) - [July 2017 (4)](https://demo.neambo.com/act2-blog-i/archive/2017/07) ### Subscribe to Updates ### Company, Inc Street Address City, ST 00000 Call us: [1-800-COMPANY](tel:1-800-COMPANY) [(800-000-0000)](tel:800-000-0000) - Company - Jobs - Partners - Press - Legal - Privacy - Terms - Product - Tour - FAQs - Resources - Blog - News - Events ### Drop us a line Copyright © 2022 Company, Inc. All Rights Reserved. Reset style - Style 1 - Style 2 - Style 3 - Style 4 - Style 5 - Style 6 - Style 7 - Style 8 Colors Theme Dark Light Text Headings Links Change more colors Links hover Header Header text Dropdown Dropdown hover Dropdown text Dropdown text hover Page title Page title text Button Color 1 Button Color 2 Fonts Text Font family Font size - 70% - 75% - 80% - 85% - 90% - 95% - 100% - 105% - 110% - 115% - 120% - 125% - 130% Line height - 1 - 1.1 - 1.2 - 1.3 - 1.4 - 1.5 - 1.6 - 1.7 - 1.8 - 1.9 - 2.0 Font weight - Light - Normal Light variant 100 - Light - 100 - 200 - 300 Normal variant 400 - Normal - 400 - 500 Bold variant 600 - Bold - 600 - 700 - 800 - 900 Headings Font family Font size - -30% - -25% - -20% - -15% - -10% - -5% - Default - +5% - +10% - +15% - +20% - +25% - +30% Font weight Bold - Light - Normal - Bold Light variant 100 - Light - 100 - 200 - 300 Normal variant 400 - Normal - 400 - 500 Bold variant 600 - Bold - 600 - 700 - 800 - 900 Corners Hard Softer Rounded Miscellaneous Section intro separator Line Shadow Show scroll to top button? Yes No Uppercase emphasis No Yes Export Replace the customization code at the top of your Act2 stylesheet with this ([show me how](https://neambo.com/support/act2/customization)): Copy code Share Preview