Add a new line before and after the <div> tag in PhpStorm

Empty line here in PhpStorm

What does PhpStorm have to do with an empty line:

Either

<br>

or

<div class="cf"></div>

where cf is:

.cf { content:".";
    /*display:table;*/
    width:100%;
    display:block;
    clear:both;
    height: 10px;
    font-size:0;
    line-height:0;
    visibility:hidden;
    overflow:hidden; }
.cf:after { clear:both; } .cf { *zoom:1; }
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

Preferences > Editor > Code Style > Other > Insert new line before

But there is no option for after element.

Hey jlrdw,

I thank you very much for your answer! I think it was a little bit confusing but I meant: I want to add a new line before and after the tag in the IDE (when I use the Reformat Code action). I don't want to add a new line in the browser.

Hi bugsysha,

Thank you for your answer!

Yes, I already did that, and it doesn't even add a line before the div tag. (I've added the div tag in the input to the right of the: "add a line before the div tag").

It is working for me. Are you sure you've used it on HTML and not on some templating engine file?

I think, yes!

Can you check my screenshot please?

https://i.gyazo.com/3867ca9b89dff222987e33839a52cd06.png

I've meant when you try to reformat. On which file did you run that action?

Screenshot looks OK.

Thank you for your help!

On a filed named: test1.html. An .html file.

Thank you for the screenshot.

However, to the right of the screenshot, we can see that there is no new line before the first and the second div?

And I've set the div tag in: Preferences > Editor > Code Style > Other > Insert new line before

That does not say that it will have additional new line before that tag, but that tag will be on a separate line. So it is working as it is stated.

I see, thank you!

Then I guess there is no option to add a new line before a div?

Additional NO, to be on separate YES.