Place text inside the image

Question

Place text inside the image

Navigation

#1 by (0 votes)

0

Here is my code

 .imgs{
   position:absolute;
   margin-top: -180px; 
   margin-left: 25px; 
   width: 200px; 
   height: 200px;
    }

<td style="width: 200px;"><?php echo '<img width=200px; src="'.$imagens[$aleatorio].'"'; ?></td>
  <figcaption style="width: 200px;" class="imgs"><?php  echo $list; ?></figcaption>

html5 css

asked by anonymous 25.07.2018 / 00:34

1 answer

Import date field xml Pass data to a modal with PHP and Ajax

score 0 · Accepted Answer

You can use position: absolute; and change the text location with left , top , right and bottom

For too long texts you can use max-width and set the maximum size

span {
  position: absolute;
  left: 75px;
  top: 75px;
  color: white;
  max-width: 75px;
}

<div>
  <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSG2SKL5FJaXqyHfvxrxb5NmQ4ZcWgCPyaZvqEB0qsSubAyQHOBkw">
  <span>texto muito largo para caber em uma linha</span>
</div>