How to make the line thicker?

Question

I tried to use heigth, but didn't work.

Answer 1

Which line? could you be a little more specific?

Answer 2

1> <hr> thickness is tuned with 'border-width' css property

2> <hr> don't take an ending slash ( not valid syntax in html5, even if supported )

3> use of '!important' css keyword is to avoid and reserve to very few circumstances, as it breaks the css priorities of 'cascading'

4> use of '!important' in inlined css rules ( inside 'style' attribute of an html element ) is non-sense, and only useful in case of abuse of '!important' in linked css rules, as its first/mainly purpose is to override the inlined higgest prioritized css rules in linked css rules.

5> Anyway, but related, inlined css rules are also to avoid, and reserve them to development/debug time and JS ( dynamic changes ) use...

Answer 3

in your css file put​ this

hr { height: 5px !important; width: 600px !important; }

Answer 4

No need for the important here. I've just tried it in the code playground and it works fine without.
So using an attribute it'd give something like:
<hr style="height:20px; background:#000">

Answer 5

<hr style="height:50px; width:200px;" >

change height and width​ as you desire.

Answer 6

welcome ..

Answer 7

use this

<hr style=" height: 5px !important; width: 600px !important; ">

EDIT

I put this in the playground

search "HTLM hr thickness"

Answer 8

KINGDX

The <hr />, they show in the example how to make it larger, but not how to make it thicker.

Answer 9

Claudio Vidal

I want to know how to do it as an html atribute.

Answer 10

MR Programmer

Thank you so much, SoloLearn said nothing about the style atribute.

Answer 11

https://code.sololearn.com/WwTh0flUK7Kt/?ref=app

This is the HTML code

Answer 12

Thank you guys for the help.

Answer 13

hey what are you doing