Fill in text in HTML5

by

I don’t know what framework (if at all) you’re using, but my go-to solution for creating websites, is MaterializeCSS.
And oh look, they got something that exactly matches what you want (as far as I can understand, let me know if it doesn’t).

Here it is:

<!-- MATERIAL BOXED-->
        <h1>MATERIAL BOXED</h1>

        <img src="http://materializecss.com/images/sample-1.jpg" alt="" class="materialboxed" data-caption="Here is an image caption">

The only change that you must do in your code, is to import the Materialize library and jQuery necessary, all of which are in their official page.

Hope this can help you solve your problem, it might look a bit un-orthodox but it gets the job done, at looks pretty nice doing so 😉

More Related Contents:

  1. How would I achieve a shadow that won’t show through transparent text?
  2. Change text-color on div :hover [closed]
  3. Canvas is stretched when using CSS but normal with “width” / “height” properties
  4. CSS customized scroll bar in div
  5. How to place two divs next to each other?
  6. Why does height 100% work when DOCTYPE is removed?
  7. Remove padding from columns in Bootstrap 3
  8. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  9. Does height and width not apply to span?
  10. Is there a way to apply a CSS style on HTML5 datalist options?
  11. Show Child Div within Hidden Parent Div
  12. xHTML/CSS: How to make inner div get 100% width minus another div width
  13. Changing three.js background to transparent or other color
  14. Failed to decode downloaded font
  15. How can I ensure that text is inside rounded div?
  16. Which HTML5 reset CSS do you use and why? [closed]
  17. Div height 100% and expands to fit content [duplicate]
  18. Add a text suffix to
  19. html5 vertical spacing issue with
  20. How to position a div in the middle of the screen when the page is bigger than the screen
  21. Nested rows with bootstrap grid system?
  22. How to write a caption under an image?
  23. How do I line up 3 divs on the same row?
  24. CSS: How to align vertically a “label” and “input” inside a “div”?
  25. Div side by side without float
  26. Best replacement for font tag in html
  27. Full background image with fade effect
  28. CSS Floating Divs with different height are aligned with space between them
  29. Trouble (vertically) Centering Text in another DIV with relative % sizing
  30. Horizontal scroll in DIV with many small DIV’s inside (no text)

Leave a Comment