How to diplay two <span> inline?

Fortin

New Member
#1
Mã:
<div class="wrap-input100 validate-input  mr-3">
  <input type="text" name="title" class="input100 text1" autocomplete="off" required>

  <span class="focus-input100" data-placeholder="Title"></span>
  <span class="count1 text-secondary"></span>

</div>
I need to display both span inline. display-inline: flex; seems not work.

I have a CSS that i downloaded from a website, to stylize my input, the CSS is really big, so i cant put here on the snipped.

Link to codepen: https://codepen.io/user236945896/pen/yRBLPM
 

Admin

Administrator
Thành viên BQT
#2
I hope this is what you want because your question isn't really clear.
Mã:
<div class="wrap-input100 validate-input  mr-3">
  <input type="text" name="title" style="display:inline-block;width:auto;" class="input100 text1" autocomplete="off" required>

    <span class="focus-input100" style="width:auto" data-placeholder="Title"></span>
    <span class="count1 text-secondary"></span>

</div>
Link to codepen: https://codepen.io/anon/pen/NOKWmb
 

Admin

Administrator
Thành viên BQT
#4
You should put the image in www/assets and add this code
Mã:
background: url(../assets/heavy3.jpg) no-repeat;
background-size: 100% 100%;
 

Từ khóa phổ biến

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top