Streaming live at 10am (PST)

Help aligning image beside text


#1

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 !!! :slight_smile:

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)


#2

Hi.

  1. 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).
  2. Change the img to block level (because you want the image to be in separate row)
  3. 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"
http://jsfiddle.net/bKRMY/


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.