CSS float right not working correctly

you need to wrap your text inside div and float it left while wrapper div should have height, and I’ve also added line height for vertical alignment

<div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray;height:30px;">
   <div style="float:left;line-height:30px;">Contact Details</div>

    <button type="button" class="edit_button" style="float: right;">My Button</button>

</div>

also js fiddle here =) http://jsfiddle.net/xQgSm/

Related Posts:

  1. Display Two
  2. How to align 3 divs (left/center/right) inside another div?
  3. Open source social media icons to download and use on website? [closed]
  4. CSS calc width and height values
  5. Center image using text-align center?
  6. See answer keys in Google Form (quiz) source page?
  7. CSS Background Opacity [duplicate]
  8. CSS Background Opacity [duplicate]
  9. How do I vertically align text in a div?
  10. Why does z-index not work?
  11. How do I vertically center text with CSS?
  12. Center image horizontally within a div
  13. Failed to load resource: the server responded with a status of 404 (Not Found) css
  14. How do I vertically center text with CSS?
  15. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  16. Set cookie and get cookie with JavaScript
  17. Prevent line-break of span element
  18. How to align iframe always in the center
  19. Stop floating divs from wrapping
  20. How do I auto-resize an image to fit a ‘div’ container?
  21. Expected RBRACE, but the bracket is there?
  22. How to make an image center (vertically & horizontally) inside a bigger div
  23. How to center text with Markdown?
  24. CSS `height: calc(100vh);` Vs `height: 100vh;`
  25. CSS no text wrap
  26. Responsive image map
  27. How to wrap text around an image using HTML/CSS
  28. Bootstrap 4 Sticky Footer Not Sticking
  29. How to change css property using javascript
  30. How to make a whole ‘div’ clickable in html and css without JavaScript?
  31. How (and why) to use display: table-cell (CSS)
  32. Vertical Text Direction
  33. How to darken a CSS background image?
  34. How can I create a marquee effect?
  35. How can I make a CSS glass/blur effect work for an overlay?
  36. Should I use px or rem value units in my CSS?
  37. Flexbox: center horizontally and vertically
  38. Maintain the aspect ratio of a div with CSS
  39. What is the difference between id and class in CSS, and when should I use them?
  40. How to set Helvetica font?
  41. Indent starting from the second line of a paragraph with CSS
  42. jQuery.addClass not working
  43. what’s the easiest way to put space between 2 side-by-side buttons in asp.net
  44. Vertically centering a div inside another div
  45. Does bootstrap 4 have a built in horizontal divider?
  46. How to move image with css/html
  47. CSS list-style-image size
  48. How can I set the image opacity for body background
  49. How to style the option of an html “select” element?
  50. CSS pick a random color from array
  51. Adding background image to div using CSS
  52. How to display hr horizontally with flex?
  53. Align DIV’s to bottom or baseline
  54. Center a DIV horizontally and vertically
  55. how to overwrite css style
  56. How can I move this text up using CSS?
  57. Target a css class inside another css class
  58. How can I vertically align elements in a div?
  59. How to give spacing between buttons using bootstrap
  60. How can I override Bootstrap CSS styles?
  61. Space between two rows in a table?
  62. How to get CSS to select ID that begins with a string (not in Javascript)?
  63. Styling an input type=”file” button
  64. Make a div fill the height of the remaining screen space
  65. How to stick footer to bottom (not fixed) even with scrolling
  66. Setting table row height
  67. How do I disable the resizable property of a textarea?
  68. How to change the background-color of jumbrotron?
  69. Add image in title bar
  70. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  71. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  72. How to display a gif fullscreen for a webpage background?
  73. Padding a table row
  74. vertical-align with Bootstrap 3
  75. How to add image that is on my computer to a site in css or html?
  76. How do I align in my image to move it vertically up?(CSS,HTML)?
  77. How to use PHP inside css file
  78. Setting a max character length in CSS
  79. Bootstrap Columns Not Working
  80. How to center an unordered list?
  81. Align an element to bottom with flexbox
  82. How can I change the thickness of my
    tag
  83. How to make div appear in front of another?
  84. PHP Include Nav-bar For Every Page Techniques?
  85. External CSS not working
  86. How to exclude particular class name in CSS selector?
  87. How to create spoiler text?
  88. HTML/CSS–Creating a banner/header
  89. Change hover color on a button with Bootstrap customization
  90. Alternate table row color using CSS?
  91. Best way to center a
  92. How to make a div 100% height of the browser window
  93. How to create a hidden in JavaScript?
  94. How to resize an image to fit in the browser window?
  95. How to make a DIV not wrap?
  96. CSS “and” selector – Can I select elements that have multiple classes?
  97. HTML / CSS table with GRIDLINES
  98. CSS: Background image and padding
  99. Firefox CSS Animations Broke [closed]
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment