I am querying a Sharepoint list with javascript and displaying it in a highly customized way. I have several fields and am showing the Field name and then the field value. One of them is not aligned vertically.
<div class="heading">Author:</div>
<div class="info">​Organization Management</div>
the styles are as follows
.heading {
font-size:large;
font:sans seriff;
font-weight:700;
color:black;
float:left;
margin-right:15px;
}
.info {
font-size:large;
font:sans seriff;
color:black;
text-align:left;
}
This happened on only the one fields and not the other 3 i displayed. The html is generated so Im fairly certain it identical. Inspection seems to prove this out.
Looking at the List properties of the SharePoint list, I see that the rest of these were type 'Single Line of Text' while the 'Author' field was of type 'Multiple Lines of Text' AND 'Type of Text' was set to 'Enhanced rich text (Rich text with pictures, tables, and hyperlinks)'
I changed the second setting to 'Plain Text'
editing each item and saving also eliminated the 8203 character.
This corrected the styling issue.
I can not explain why 8203 would affect vertical spacing.
Any ideas? At some point, I may actually want to use rich text editing...