Can't add tab space

New Member
4 0 0

I want to add tab space between two words

If you look at my page here:
https://www.screen-doctor.co.uk/pages/iphone

 

I want to look like this:
iPhone 5           £X

 

but when i add the tab spaces and click save they're automatically removed

 

any ideas?

0 Likes
Excursionist
30 6 11

You have an empty span tag between phone and price

Untitled1.jpg

Replace those tags with this

<span style="margin-left:2em"></span>
1 Like
New Member
4 0 0

Thanks!

 

I have added this which in my head is a double tab

<span style="margin-left:2em"></span><span style="margin-left:2em"></span>

 

but the prices still do not start on the same line depsite how long the first line is

Like this

 

XXXXXX         £3

X                     £3

(still not right because i can't tab on here either)

My mistake was not writing it in HTML, i did it on text so is a bit of a mess

 

0 Likes
New Member
4 0 0

bump - still no luck :(

0 Likes
Tourist
3 0 0
I'm guessing what you're wanting to do is align the prices up. Personally I would use css or some inline styling.

Theres an article here regarding spacing with tabs on shopify.

https://community.shopify.com/c/Shopify-Design/Tabs-and-spaces/td-p/94650

Im on my mobile now. But if you need any help at another date let me know.

Hope this helps
0 Likes
New Member
4 0 0

Hi there

 

Thanks for your comment

That's exactly what I'm trying to do.

 

I have no idea about CSS, what is inline styling?

Is there not a HTML code I can just copy before each parts of the line

 

Sorry, I am useless at all of this

I appreciate your patience

0 Likes
Highlighted
Tourist
3 0 0

That's fine.  I've done an example of what I think you need here

Screen Doctor

 

I've used a little CSS & reformatted the lines for the mobile phones.

The code is available within the page you should only need to copy and paste.

 

Let me know how you get on.

 

Thanks

0 Likes