I’m trying to align the image and text as per the image below (the chart icon and viewers text):
Any ideas how i’d do this? I’ve tried everything, and any tips or tricks i’d love !!!
p.s i need to make sure there is only 16px below the “viewers” and “Welcome to Hilla Bot Dashboard”
Here is my public share link: LINK
(how to access public share link)
Hi.
- put the text and img under the same wrapper (div for example if you want to control the width or align or position the wrapper himself).
- Change the img to block level (because you want the image to be in separate row)
- Give the wrapper “text-align: center”
https://codepen.io/siton/pen/rwqabL
In general you find a lot of tricks for this idea (or google it)
http://www.tipue.com/blog/center-a-div/
Also the easiet way for img is to put the img inside p and give the p (or span) “text-align: center”
system
(system)
Closed
3
This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.