Different height for multiple ace editors in one page

[elgs]

I use the recommended way to set the height of the editor by adding this global CSS:

.ace_editor {
    height: 200px;
}

Now what if I have two ace editors, but I want to set different height for them. How can I set height separately for them?

Thanks, Elgs

[spoonscen]

You could add an inline style like this <div ui-ace style="height: 250px"></div>

or you could make another class <div class="ace_editor_small" ui-ace style="height: 250px"></div> .ace_editor_small { height: 200px; }