Topics

Kevin Powell - Community•9mo ago

text in border

i do not want to have weired background color for my text in border .but if i do not add it the boder shows how can i solve this problem"https://play.tailwindcss.com/3P85V7NKhw?file=css

Tailwind Play

An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.

5 Replies

Jochem•9mo ago

I'm not sure what your expected result is? What do you want it to look like?

Moni•9mo ago

like this

No description

Moni•9mo ago

but white color is causing problem

Joao•9mo ago

Try using the fieldset or legend elements:

<fieldset>
  <legend>Cantidad</legend>
  <label for="cantidad">€</label>
  <input id="cantidad" name="cantidad" />
</fieldset>

<fieldset>
  <legend>Cantidad</legend>
  <label for="cantidad">€</label>
  <input id="cantidad" name="cantidad" />
</fieldset>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend

roelof•9mo ago

@.talhamustafa see this page to get a idea : https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/

CSS-Tricks

How to Add Text in Borders Using Basic HTML Elements | CSS-Tricks

Some HTML elements come with preset designs, like the inconveniently small squares of elements, the limited-color bars of

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

How do I use this library?I want to try material 3 (https://github.com/material-components/material-web), which is not release floatsHey, I was wondering if using float is useful in modern day css, I see mixed opinions on it showing Netlify and node jsI am trying to serve my blog website on netlify, its a node js server that runs everything, how can Position sticky**Website:** <https://www.myndi.dev/blog/post-1> I want make what is highlighted in the image stick tailwind CSS not responding in the browser despite correct installation and importI'm encountering an issue with Tailwind CSS where it's not being applied in the browser, despite fol Hover settimeoutIs it possible to make a component scrollable(overflow:hidden to scroll) after 2seconds of hovering Absolute overlapDoes anyone know how to stop the github button from overlapping on the download cv button ? I need t Curious about double font-size in gov.uk typography stylesHey everybody, I was at a meeting with my team (UX) and a colleague presented some work based in gov Figma Toolbar Text-Size adjustment?Hi folks, does anybody know offhand how to increase the text size in the toolbars? All my searches a Why does Firefox default justify-items: first (last) baseline to start and end?Hello friends. I was recently helping someone understand what the first and last baseline do within