CODEWITHSUNDEEP
htmlcssalignment
shunamicode
shunamicode

Reputation: 55

Two buttons and text with different align

I have this code of popup.htlm file:

HTML

<body>
   <select style="width: 100%;"
      multiple id="HLSlist">
   </select>
   <span style="display:inline">
      <button type="button" id="Deletebut">Delete</button>
      <button type="button" id="OpenAllbut">Open All</button>
      <t id='VFlagged'>0</t>
   </span>
   <hr>
   <input type="checkbox" id="BlurThumbs">
   <t>Blur Thumbnails</t>
</body>

CSS

body {
    overflow-x: hidden;
    min-width: 200px;
}

t {
    font-size: 10pt;
}

I want that the text goes to the right side, like appear on the picture: enter image description here

Upvotes: 1

Views: 89

Answers (1)

Josh Crozier
Josh Crozier

Reputation: 240938

You can simply float it.

jsFiddle here - it has the results you expect.

#VFlagged {
    float: right;
    padding-right: 10px;
}

Some padding might be necessary - I added 10px..

Also.. I changed the t element to a span..

Upvotes: 1

Related Questions