Dashboards & Visualizations

html CSS override: setting height of line break <br/>

gerbert
Path Finder

Hello splunk community,

I want to change the height of the line break in a textbox, that looks like this:

<row>
  <panel id="panel1">
    <html>
      <div style="text-align: left;">
        <font size="2" color="#333333">
          Some Text<br/>
          Some more Text<br/>
        </font>
      </div>
    </html>
  </panel>
</row>
<row>
  <panel depends="$alwaysHide$">
    <title>CSS</title>
    <html>
      <style>     
        #panel1 {width:70% !important;background-color:#eeeeee;}
        #panel1 .dashboard-panel{background-color:#eeeeee;}
        <!--Next line is not working as intended-->
        #panel1 br {line-height: 50%;}
      </style>
    </html>
  </panel>
</row>

 

Presumably I have to change the last line but I cannot get it to work properly.
I want to make the line breaks more 'narrow' because right now there is too much space above a new line.
Help would be appreciated.

Cheers
gerbert

Labels (1)
Tags (3)
0 Karma
.conf21 CFS Extended through 5/20!

Don't miss your chance
to share your Splunk
wisdom in-person or
virtually at .conf21!

Call for Speakers has
been extended through
Thursday, 5/20!