Home>
About tags
I will ask you a question for the first time.
The following code uses the hr tag in two places, but the first hr does not work for some reason. A ruled line is displayed when
is written (first image), but disappears as soon as
and the tag are closed (second image). Why? Bootstrap version is 4.3.1. CSS is not applied.
I would appreciate it if anyone could tell me. Thank you.
Applicable source code
Built with ease.
<hr>
<p>Welcome to my Bootstrap 4 website tutorial! Bootstrap is a free and open-source frount-end library with HTML and CSS based designs.</p>
<i></i>
HTML5
<p>Build with the latest version of HTML, HTML5.</p>
<i></i>
CSS3
<p>Build with the latest version of CSS, CSS3.</p>
<i></i>
Bootstrap4
<p>Build with the latest version of Bootstrap, Bootstrap4.</p>
<hr>
When you verify with chrome, the second hr that is displayed well has width * height of 473 (variable) * 1, while the first that is not displayed is 0 * 1 It has become. I think that it is the same state that width is not 0, but I don't know why.
Supplemental information (FW/tool version etc.)Please provide more information here.
-
Answer # 1
-
Answer # 2
It was possible to display by placing hr directly under h1.
Built with ease.
Welcome to my Bootstrap 4 website tutorial! Bootstrap is a free and open-source frount-end library with HTML and CSS based designs.
Related articles
- image display does not work well in html
- c # - compare tag does not respond!
- python - it does not display well in the terminal
- python 3x - ie display does not work with selenium
- html - display flex does not work
- html5 - height = "50%" does not work in iframe
- c ++ - mpu6886 does not work with m5stickc plus
- html5 - is the html tag used properly?
- [javascript] styledisplay ='none' does not work well
- ruby - saved data does not appear in the view
- swift - delegate method does not run
- count - sql aggregation does not work
- html - hamburger menu does not close
- r commander does not start
- javascript does not work properly in ie11
- css3 - % of height does not work
- javascript does not work
- javascript - showalert does not stop
- c heap sort does not sort first
- css3 - transparent does not work
Related questions
- i want to solve the problem that the position of the icon shifts when css is applied
- css - the a tag in nabvar is disabled
- html - even if the operation of dropdown-menu of bootstrap navbar is small, it becomes the same as the pc version and i want to
- css3 - i can't place the login form well in the center of the top and bottom
- html5 - i want to put a character string after text_field
- css - i want to create a responsive square and place the text in the center
- html - i want to put a p tag under the input tag
- javascript - i want to use two dropdown contents that use select tag to narrow down the selection and combine it with the chosen
- css - i want to make the text box wider
- in css, the length of border-bottom does not change according to the character
I think it's a place to put it.
If it is a document, it is per Grid system, but the flow of row-col is in the form of one system, and there is an image that becomes invalid when placed outside that system.
br seems to work, but height is 0 no matter how manyare put.
If you want to put an underline on the letters "Built with ease.", it is better to place a line on the border-bottom of h1 or a line on the border-top of the content part below I think.