A solution is to create a new class, say extra-space
, with css margin-bottom: 0.5em
and write
<div class="myclass extra-space">...text...</div>
when the div need more space.
Important: the class extra-space
has to be placed AFTER the other class in the style.css
file, otherwise the extra space will not be added.
Related Posts:
- How am I supposed to use index.html?
- Making a
- How to align a to the middle (horizontally/width) of the page [duplicate]
- multiple classes on single element html
- How to insert spaces/tabs in text using HTML/CSS
- How to get these two divs side-by-side?
- Is there a color code for transparent in HTML?
- How to make the HTML link activated by clicking on the
- ?
- How to change text transparency in HTML/CSS?
- Text-decoration: none not working
- How do I right align div elements?
- How would you make two
s overlap?- How to center HTML5 Videos?
- height style property doesn’t work in div elements
- CSS “margin: 0 auto” not centering
- How to center HTML5 Videos?
- How can I insert vertical blank space into an html document?
- How to have an anim gif on a link and play it on hover and reset
- Align
elements side by side- Align text to the bottom of a div
- How to make a
- display in a horizontal row
- CSS – display: none; not working
- Delete white space between divs
- Display Images Inline via CSS
- CSS/HTML: Create a glowing border around an Input Field
- Why CSS3 Animation is not working?
- Need to make a clickable
button- Set line height in Html
to make the html looks like a office word when
has different font sizes
- Using margin / padding to space span tag from the rest of the p tag
- Removing whitespace between HTML elements when using line breaks
- CSS fixed width in a span
- How to get multiple images to auto resize and stay centered within a div
- Why are my divs overlapping?
- How to make canvas responsive
- How can I center
- into a div?
- How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
- Why is WordPress changing my HTML code
- raw code vs wordpress
- Adding HTML to the Header, Screws up in IE7
- Write text below a specific part of a sentence
- WordPress stripping out BR tags, need assistance
- How to insert html/css/javascript code to wordpress plugin
- How can i add note, caution, warning quote inside the text? [closed]
- How to create fa-bars animated menu
- Changing CSS FilePath for All Pages
- Can’t Display Table Headers in Responsive table layout
- Title has word broken when viewed in mobile [closed]
- how to hide submenus for the not active pages
- How can I get the search form to be selected automatically?
- Some Text of website page on Iphone Safari become invisible
- Is it safe to use WordPress generated classes?
- How to change the settings of a video? [closed]
- Simple way to add custom class and ids to individual Gutenberg blocks
- Acessing HTML element with no specific tag on it [closed]
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- Responsive issue with secondary logo – not sticking in position [closed]
- Earlier stylesheet not overriding later one
- how to stop the shaking effect on my homepage [closed]
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- prevent HTML output if custom field is empty [closed]
- How to add class to an html output element in tinyMCE paragraph drop down menu
- WordPress is not displaying CSS file
- Change class names dynamically added to html elements by wordpress
- I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
- Hide Tab Titles from Tabs Block
- WordPress footer always at the bottom of the screen-page
- WordPress login using a completely custom page and no plugins?
- How to make jquery slider to start afresh [closed]
- How to display image on WordPress homepage
- Clickable Text To Replace Radio buttons
- How to remove the specific class
- Img load while refreshing
- HTML not resizing
- Navigation menu disappears when I hover the mouse [closed]
- Content going full width even though container is not
- How to Compress Css/js code in wordpress and increase loading speed?
- Bootstrap News: Image Modifciation
- Fonts are parsed in one way but rendered in a different way
- Divi Theme HTML code is different in View Page Source than in the Firefox Inspector
- How to Take Logo Out of Navigation Menu? [closed]
- @media applying globally and not separately for each screen width [closed]
- How would I add this code to a single WordPress page?
- Trouble with adding preloader to my home page index.html and index.js
- WP theme update causes child theme CSS problems
- Import HTML code that loads css and javascript into specific page
- checkbox function not working for dropdown menu
- Pages in another language
- Outputting the blogposts or the_content()
- Converting Static HTML pages to WordPress
- How do I hide a specific div class inside ? [closed]
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- Rollover button doesn’t appear in sidebar [closed]
- How can I use Advanced Custom Field Option page in CSS WordPress
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- WordPress site suddenly not showing some DOM elements but mobile is fine
- Grid problem on privew mode
- Editing size of h3 tag in wordpress on a one-off basis
- IOS Ventura Safari 16.3 position fixed elements goes above scroll bar
- Elementor Contact Form Submit button has empty class