issue with vertical alignment of text

[Alex82]

I have implemented a CSS Modal in my weebly website - wtstrial.weebly.com

There is a class "modal-header" at top
Inside which i have added a span "headertext" having the Text - Account Name

The issue is that the text - "Account Name" is not vertically in center . It is being displayed little above where it should be...

I have tried the exact same coding of my modal in github , codepen , jsbin , jsfiddle ( basically everywhere ) and the text is always perfectly vertically aligned - check xd003.github.io/modal for instance

( Codes can be seen at github.com/xd003/modal )

This weird issue is happening only on weebly for some unknown reason

Please someone help me , i am really tired fixing this issue in weebly while it works perfectly everywhere else

( And please don't say it might be due to difference in coding , i have just pasted the coding from github in weebly , there's not even a comma difference )

[Alex82]

@Adam @BJ @Bernadette 

[Alex82 · Accepted solution]

The issue posted by me through this post has now been resolved ( all thanks to Chris , owner of https://editortricks.weebly.com , really great guy with top grade knowledge and his site has tons of useful weebly tutorials , must check them out )

The issue was caused because the weebly theme added a 30px bottom margin to every <p> tag present on my website

Removing that margin fixed the issue

[Adam7]

Thanks for updating your post, @Alex8. Glad to hear that Chris could help out!