Create a container for your text content, a span
perhaps.
#column-content { display: inline-block; } img { vertical-align: middle; } span { display: inline-block; vertical-align: middle; } /* for visual purposes */ #column-content { border: 1px solid red; position: relative; }
<div id="column-content"> <img src="http://i.imgur.com/WxW4B.png"> <span><strong>1234</strong> yet another text content that should be centered vertically</span> </div>
Related Posts:
- How can I vertically center a “div” element for all browsers using CSS?
- How to vertically align an image inside a div
- Align text to the bottom of a div
- Making an iframe responsive
- Applying Comic Sans Ms font style
- Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
- How to change text transparency in HTML/CSS?
- Responsive Bootstrap Jumbotron Background Image
- CSS float left not working right
- How to change an input button image using CSS
- How to apply multiple transforms in CSS?
- Is it possible to center an inline-block element and if so, how?
- Need to make a clickable button
- CSS: background image on background color
- Set line height in Html
to make the html looks like a office word when
has different font sizes
- How to select label for=”XYZ” in CSS?
- margin: auto is not centering
- wp_head() gives me some weird CSS
- How to Handle CSS Organization
- Changing title to lowercase [closed]
- Use a higher than 230px logo image with 2013 theme
- how to make stylesheet appear in theme editor?
- Remove sticky behavior from top navigation on twenty fourteen theme?
- Looking for methods to Check if File Exist
- Include CSS with PHP without including wp-load?
- Loading different stylesheet on WordPress pages?
- How to change the style.css?ver=5.4.1 in WordPress?
- Redoing home page but changes not taking effect
- Gallery CSS Problem
- Add fields in customization tab to change background colours of certain classes
- Older isotope portfolio rows shifting downward by 1 pixel on hover
- Shrink Header Image on Scroll
- Correct way to output styles gathered from theme or plugin settings?
- Remove extra white space bellow and above product short description in storefront woocommerce
- Inline Style attribute getting stripped off
- What does generate .less file? [closed]
- Can’t Display Table Headers in Responsive table layout
- Edit css for search results page
- Archive pages have smaller font then the rest of my website [closed]
- CSS not applying in admin
- how to hide submenus for the not active pages
- Why is the CSS horizontal alignment for divs inside div container not displayed in my WP Theme?
- Changing blog style [closed]
- How do I use inline styling with WordPress?
- WordPress address URL and bloginfo
- node.js and webpack throws error when trying to setup node to watch theme folder for saved changes
- My CSS suddenly doesn’t load anymore [closed]
- Is there a way to add new div class via a theme’s Additional CSS interface?
- why is my paypal button not clicable [closed]
- How can I move my custom css to the very bottom of the head section?
- Wrong image path within inline styles in the head
- Long post titles don’t move to next line
- How can I selectively insert a header for my shop page in woocommerce? [closed]
- WordPress Caption Formatting
- Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
- The Global Styles missing
- Invert porfolio item order
- Broken css on mobile phones only on https
- WordPress CSS completely broken on IIS
- Trying to hide HENTRY (Author Meta Data) from a Post ID
- Probleme d’emplacement
- Getting and setting CSS variables with JQuery in WordPress backend fails
- How to show address in one row?
- Custom CSS on mobile
- Set version number in child’s style.css file
- Need help removing block of white space between footer widgets and footer [closed]
- How to make a sidebar form show at the top of page on mobile?
- I want to transfer my additional css code to my theme file–?
- WordPress changing content:”” to content: "
- How to customize Metaboxes?
- Change image using only CSS [closed]
- Logo Keeps Changing to the Default for Transparent Settings
- Content going full width even though container is not
- Custom Plugin CSS: Can’t update them!
- Align divs in a basic WordPress site
- Head section of the wordpress blog
- Altering the design of WooCommerce notifications [closed]
- How can I override an existing custom CSS rule for a specific page
- How can I add this specific link hover effect to a WP site? [closed]
- HTML5/CSS3 Polyfill for wp-login.php
- Bizarre WordPress CSS update problem
- Making a custom CSS per mobile
- Pages in another language
- Display current category without an active link in wp_list_categories
- Using a style sheet for modern browsers and another for older browsers
- How to insert a clickable and fixed background [duplicate]
- WordPress with PageLines theme: how to change the background color of a page? [duplicate]
- Twenty Twelve theme: remove margins
- Will the following code make my css deal with images in the optimum way?
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- s2member captcha how to make responsive – css or javascript
- Min height of page [closed]
- How to define a special character to change the style of my inline code?
- Why is the “Additional CSS” section missing in my theme Customizer?
- Is there a way to edit the fonts of headings without a plugin (in the 2022 theme)?
- “Plate” theme broken after update
- adding additional css classes have no effect within block editor
- Busting Browser Cache when updating stylesheet of WordPress website
- adjust posts size into columns wordpress