I want to circumscribe CSS text

TasosKhatzes · December 31, 2022, 1:03pm

CodingCactus · January 1, 2023, 11:26am

Hi @TasosKhatzes. If i’m understanding you correctly, you wish to basically but a box around some text. The easiest way to do this is with a border.

An example of this for your heading would be

h3 { border: 1px solid black; }

Take a look at CSS Borders for more info!

TasosKhatzes · January 1, 2023, 12:42pm

This is the output of the webpage

I want my text be like that without the outline

GoodVessel92551 · January 1, 2023, 12:55pm

you can add width to the element

.class_name{
    width:400px;
}

You can change “class_name” to what you want and then add it to the h3 like this:

<h3 class="class_name">...</h3>

TasosKhatzes · January 1, 2023, 2:22pm

I tried that but it works only with inline code:

<p style="wdth: 500px;"> text </p>

IanAtCSTeach · January 1, 2023, 2:24pm

Are you putting the CSS into the style.css file? It should work if placed there.

TasosKhatzes · January 1, 2023, 2:25pm

Yes I plased it there, but still don’t works

UMARismyname · January 1, 2023, 2:27pm

you haven’t linked the file

<link rel=stylesheet href=style.css>

GoodVessel92551 · January 1, 2023, 2:28pm

width is spelt wrong so that might be the problem because it works for me.

IanAtCSTeach · January 1, 2023, 2:29pm

I agree with @UMARismyname you have deleted the link tag from the <head> section of your HTML file.

Taken from a fresh HTML Repl

  <link href="style.css" rel="stylesheet" type="text/css" />

TasosKhatzes · January 1, 2023, 2:30pm

Thank you! Now it works

system · January 8, 2023, 2:31pm

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.