I need a little help - weird word spacing inside columns (fixed)
Replies
hi guys, I'm definitely not an expert at CSS but I know how to work my way around it and sometimes add stuff. I added a code to one of my profiles (found it on w3schools) and it works great minus one weird thing.
pardon the mess, the profile itself is a big WIP
I don't know... why it's showing up like that. I seriously have no clue.
Anyways, here's the code(s) I'm using for my columns. Please let me know if I need to edit it or add something in there/ add something somewhere else to fix this
This is the CSS I used which is inside my style tags
/* CUSTOM ADDED */
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; }
And the exact code I have in her actual profile info part that isn't inside style tags
Name: Attiona ("Atti")
Gender: Female
Age: 26
Species: Vaguely a winged mainecoone/lynx (why isnt this showing up right)
DOB: June 26th
Sexuality:
Height: 5' 4"
Build: Average
There's no way I can figure this out myself so any help will be hugely appreciated. thanks for your time!
@ 4aron do you mean the spacing after the word 'species'? this is a result of the text being justified in the column! Text-alignment can be justified, left, right, etc. To fix it, you should set it to left:
text-align: left;
so it ends up like this:
.column {
float: left;
width: 50%;
text-align: left;
}
I hope this helps (:
[edit]
result:
yup, this is exactly what i needed! thank you so much!!!
no problem <3