How to center all items on the home page?
-
I am trying to center everything on the main home page and the code
<div style="float:middle;">doesn’t seem to work. I tried everything. What is the html code to add to my page text? Thank you.<div style="float:middle;"><table><tr><td><div id="wrapper" style="width:100%;text-align:center;"><a href="https://weareinterconnectedblog.wordpress.com/books/"><img class="aligncenter wp-image-78 size-full" src="https://weareinterconnectedblog.files.wordpress.com/2016/07/bookcover-frontsmall.jpg" width="261" height="417" /></a><a href="https://weareinterconnectedblog.wordpress.com/books">Purchase The Lost Love</a></td><td>[youtube https://www.youtube.com/watch?v=r3pUsu428E4&w=560&h=315]</td></tr></table></p></div> </br>The blog I need help with is: (visible only to logged in users)
-
-
Hi there,
I took a look over your home page and believe you’ve resolved your issue by using text-align:center;. Can you let me know if that’s correct or if you’re still trying to centre the content on your home page?
You can’t float: middle; is not valid CSS, you can only float elements to the left or right. It is also not recommend to use HTML tables in order to control the layout of your content.
In this case, text-align:center; is the correct CSS to use to centre your content. You could also make use of the alignment tools in your editor’s toolbar, as explained here:
https://en.support.wordpress.com/visual-editor/#alignment
I also would like to have a little larger space in between the image and video.
You could add extra line breaks between your image and video by following the guidance here:
https://en.support.wordpress.com/advanced-html/#extra-line-breaks
Let me know how you get on with that!
- The topic ‘How to center all items on the home page?’ is closed to new replies.