• Resources
    • Free Guides & Templates
    • Tools & Books
  • HubSpot Website Templates
  • What is HubSpot?

Remove Auto Truncation on Horizontal Definition Lists

Bootstrap Snippets Library / Lists Examples
  • Bootstrap 3

Code Snippet Preview

View Demo View CodePen


Unify - Multipurpose Responsive Template
Tired of Fiddling with CSS and Design Layout?

Shop Bootstrap Templates
Share this


The default horizontal definition list auto truncates the definition title which may not be ideal for usability. This customization removes that and adds some spacing below each definition item to it can breathe visually.

Related resources

  • WordPress vs HubSpot CMS Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Quickly Create a Website for B2B Company
  • HubSpot Custom Modules Marketplace
  • Buy HubSpot Modules in Bulk
  • What is HubSpot?

    Learn how HubSpot CRM software can help your business grow.

    CRM + CMS + Sales Pipeline Software

    Learn More

    Advertise Here

    Home / Remove Auto Truncation on Horizontal Definition Lists

    HubSpot Marketplace Themes

    • HubSpot Website Themes
    • HubSpot Landing Page Templates
    • HubSpot Blog Themes
    • Buy HubSpot Custom Modules in Bulk
    • Free HubSpot Themes
    • Documentation & Support
    • Billing Terms & Conditions

    Free Digital Marketing Resources

    • Markdown to HTML Tool
    • Default HubSpot Themes Comparison Table
    • Free Keyword Match Type Tool for PPC
    • Printable UX UI Wireframe Templates
    • Web Development Code Snippets
    • Bootstrap 5 Cheat Sheet | v. 4 | v. 3
    • Flexbox Cheat Sheet | CSS Properties
    • Responsive Website Examples
    • HubSpot HubL Quick Reference

    Free Website Improvement Guides

    • HubSpot CMS Tutorial for Beginners
    • Website Redesign Planning Worksheet
    • HubSpot CMS vs WordPress 2023
    • 10+ Best HubSpot CMS Website Themes
    • 7+ Best HubSpot CMS Developers & Designers
    • What is HubSpot and How Does it Work?
    • Free Website Builder for Small Business
    • Read Blog
    • Tools I Use

    Jacob Lett headshot photo
    Jake Lett

    Helping B2B Marketing & Sales Teams Using HubSpot to Improve Their Websites to Increase Revenue Growth.

    • Metro Detroit, Michigan 48038 USA
    • Contact Jake  |  (586) 894-8024

    • HubSpot Partner Developer Michigan
    • HubSpot CMS Developer


    • ©2023 Bootstrap Creative LLC
    • Privacy & Terms
    • B2B Ecommerce Website Templates
    • Free BigCommerce Themes & Templates
    • B2B Website Templates
    • Is HubSpot Worth It?
    • HTML Sitemap