title: Adding label on Image
body: <p><a href="https://i.stack.imgur.com/Ect86.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ect86.png" alt="enter image description here" /></a></p>
  <p>Hello,</p>
  <p>I would like to add a label like second red. I think I can do it with Sizedbox but I can't add it in Container. The second alternative would be make first SCIENCE background color red but in this way label starting immediatly from first letter which I won't like.
  any help</p>
  <pre><code>children: [
            Container(
              height: 200,
              width: double.infinity,
              decoration: BoxDecoration(
                //let's add the height
  
                image: DecorationImage(
                    image: NetworkImage(articles[index].imageUrl!),
                    fit: BoxFit.cover),
                borderRadius: BorderRadius.circular(0.0),
              ),
              // alignment: Alignment.bottomLeft,
              child: Container(
                  margin: const EdgeInsets.only(top: 170, left: 10),
                  child: const Text('SCIENCE',
                      textAlign: TextAlign.left,
                      style: TextStyle(
                          color: Colors.red, fontWeight: FontWeight.bold))),
            ),
  </code></pre>