HTML/CSS Line Spacing-CodePudding

I have the following two excerpts of code from a website I am messing around with. I am trying to make a change with the lines and I am struggling to do so. The idea is to have the following:

"Javascript"

4 years

"HTML"

3 years

and so on but without the line spacing added between the years and the programming language, in other words, only line spacing between each programming language. I have thought of using pre tag but that only makes it worse.

Edit: Please try to provide a solution that will not require 20 column divs/wrappers, or will mess with the positioning of the columns. Thank you!

HTML:

<div  id="column1">
      <h2>Programming Languages</h2>
      Java 4  yrs <br>
      SQL - 2  yrs <br>
      JavaScript - 2 yrs <br>
      <h2>Tools</h2>
    </div>
    <div  id="column2">
      Python - 2 yrs <br>
      C# - 1  yrs <br>
      C   - 1 yr <br>
    </div>

    <div  id="column3">
      HTML ~ 1 yr <br>
      CSS ~ 1 yr <br>
      Bash ~ 1 yr
    </div>

CSS:

.column{
  position: absolute;
  color: white;
  font-size: 16px;
  line-height: 60px;
}

#column1{
  margin-top: 100px;
  left: 300px;
}

#column2{
  margin-top: 100px;
  left: 600px;
}

#column3{
  margin-top: 100px;
  left: 900px;
}

CodePudding user response：

If i'm understanding your question correctly just add in your css style "line-height:How ever long"

CodePudding user response：

You can put each language and years in

and wrap each language and year in div. Then add css line height property with the value you want to divs.