Search code examples
css.netblockmarginsummernote

Can't remove margin in CSS (Summernote, MVC, .NET)

I'm having trouble removing a margin in CSS .

I am working in a MVC .NET project and have implemented the summernote editor. It uses the following CSS files:

summernote.css
font-awesome.css
bootstrap.css

as well as the default css files for an MVC application.

I have inspected the page and it states I have a margin to the right on the .note-editor class. I have then set the margin to 0 for that div (and class), but so far it has been impossible to remove it.

Here is the link to my screenshot (since I require 10 reputation to post images):

https://i.sstatic.net/KtoxO.jpg

I would be more than grateful if someone could help!

Solution

  • Ok so I found what the problem was. The .note-editor was displaying as a block. I changed its styling to display:inline-block and width:95%. This fixed it nicely. Thanks to everyone for helping out!