Align elements left and right in the same line

• 

  darrylcotton · Member · Aug 8, 2016 at 9:29 am

  • Copy link
  • Add topic to favorites

  Hi
  In the text widget on the right hand side bar of the home page, there are two links: MORE INFORMATION & I AM INTERESTED. I would like to increase the spacing between these two links so that they are aligned left and right of the text above.
  Thx

  The blog I need help with is: (visible only to logged in users)

• 

  darrylcotton · Member · Aug 8, 2016 at 9:30 am

  • Copy link

  The other is to align them centre but with a big enough gap between them. thx

• 

  darrylcotton · Member · Aug 8, 2016 at 9:30 am

  • Copy link

  The other option is to align them centre but with a big enough gap between them. How would I go about this? thx

• 

  hallluke · Member · Aug 8, 2016 at 12:18 pm

  • Copy link

  Hi, you can add some more space between them with the following CSS code:

  #text-19 a {
    margin-right: 3em;
  }

  Having looked at the HTML in your text widget I’d advise you not to wrap everything in a heading tag unnecessarily. Search engines in particular like semantic markup (i.e. use the tags for the purposes they were intended). Your links aren’t headings and neither are the course details so you can and should just use p tags to make them paragraphs to maintain the spacing between them.

  If you want them to look the same way as your headings are styled (small caps, larger font size, make bold, etc…) then you can use CSS for this.

• 

  darrylcotton · Member · Aug 9, 2016 at 6:29 am

  • Copy link

  Ok thank you . I ma going to change H1 takes to P tags, then style them in CSS.